/*
Theme Name: Ptengine
Theme URI:
Author: Saqib
Author URI: https://wordpress.org/
Description: 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: ptengine

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*---------------------------------------------------------------------
                               General
-----------------------------------------------------------------------*/
@import url(../images/ionicons.min.css);

@font-face {
    font-family: "Ionicons";
    src: url("fonts/ionicons.eot?v=2.0.0");
    src: url("../fonts/ionicons.eot") format("embedded-opentype"),
        url("../fonts/ionicons.ttf") format("truetype"),
        url("../fonts/ionicons.woff") format("woff"),
        url("../fonts/ionicons.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.show-xs-only {
    display: block
}

.show-sm-only {
    display: none
}

.show-md-only {
    display: none
}

.show-lg-only {
    display: none
}

.show-sm-down {
    display: block
}

.show-md-down {
    display: block
}

.show-sm-up {
    display: none
}

.show-sm-up--inline {
    display: none
}

.show-md-up {
    display: none
}

@media only screen and (min-width: 48em) {
    .show-xs-only {
        display: none
    }

    .show-sm-only {
        display: block
    }

    .show-md-only {
        display: none
    }

    .show-lg-only {
        display: none
    }

    .show-sm-down {
        display: block
    }

    .show-md-down {
        display: block
    }

    .show-sm-up {
        display: block
    }

    .show-sm-up--inline {
        display: inline
    }

    .show-md-up {
        display: none
    }
}

@media only screen and (min-width: 64em) {
    .show-xs-only {
        display: none
    }

    .show-sm-only {
        display: none
    }

    .show-md-only {
        display: block
    }

    .show-lg-only {
        display: none
    }

    .show-sm-down {
        display: none
    }

    .show-md-down {
        display: block
    }

    .show-sm-up {
        display: block
    }

    .show-sm-up--inline {
        display: inline
    }

    .show-md-up {
        display: block
    }
}

@media only screen and (min-width: 75em) {
    .show-xs-only {
        display: none
    }

    .show-sm-only {
        display: none
    }

    .show-md-only {
        display: none
    }

    .show-lg-only {
        display: block
    }

    .show-sm-down {
        display: none
    }

    .show-md-down {
        display: none
    }

    .show-sm-up {
        display: block
    }

    .show-sm-up--inline {
        display: inline
    }

    .show-md-up {
        display: block
    }
}

.flex {
    display: flex
}

.flex--1 {
    flex: 1
}

.container-fluid,
.container {
    max-width: 1200px
}

.container-fluid,
.container {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-right: 2rem;
    padding-left: 2rem
}

.container--narrow {
    max-width: 660px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box
}

@media only screen and (max-width: 48em) {

    .container-fluid,
    .container,
    .container--narrow {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.container .container {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%
}

.row,
.boxes--alternating,
.boxes--pair {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem
}

.row.nocol,
.nocol.boxes--alternating,
.nocol.boxes--pair {
    -ms-flex-wrap: unset;
    flex-wrap: unset
}

.row.nomargin,
.nomargin.boxes--alternating,
.nomargin.boxes--pair {
    margin-left: 0px;
    margin-right: 0px
}

.row:before, .row:after {
    display: inline !important;
    }
@media only screen and (max-width: 47em) {

    .row.nocol.xs-all-12-centered,
    .nocol.xs-all-12-centered.boxes--alternating,
    .nocol.xs-all-12-centered.boxes--pair {
        display: block
    }

    .row.nocol.xs-all-12-centered>*:not(img),
    .nocol.xs-all-12-centered.boxes--alternating>*:not(img),
    .nocol.xs-all-12-centered.boxes--pair>*:not(img) {
        width: 100%
    }

    .row.nocol.xs-all-6-centered,
    .nocol.xs-all-6-centered.boxes--alternating,
    .nocol.xs-all-6-centered.boxes--pair {
        display: flex
    }

    .row.nocol.xs-all-6-centered>*:not(img),
    .nocol.xs-all-6-centered.boxes--alternating>*:not(img),
    .nocol.xs-all-6-centered.boxes--pair>*:not(img) {
        width: 50%
    }
}

@media only screen and (min-width: 47.001em) and (max-width: 63.999em) {

    .row.nocol.md-all-12-centered,
    .nocol.md-all-12-centered.boxes--alternating,
    .nocol.md-all-12-centered.boxes--pair {
        display: block
    }

    .row.nocol.md-all-12-centered>*:not(img),
    .nocol.md-all-12-centered.boxes--alternating>*:not(img),
    .nocol.md-all-12-centered.boxes--pair>*:not(img) {
        width: 100%
    }

    .row.nocol.md-all-6-centered,
    .nocol.md-all-6-centered.boxes--alternating,
    .nocol.md-all-6-centered.boxes--pair {
        display: flex
    }

    .row.nocol.md-all-6-centered>*:not(img),
    .nocol.md-all-6-centered.boxes--alternating>*:not(img),
    .nocol.md-all-6-centered.boxes--pair>*:not(img) {
        width: 50%
    }
}

.row.nocol.gutter--small>div,
.nocol.gutter--small.boxes--alternating>div,
.nocol.gutter--small.boxes--pair>div {
    margin-right: 15px
}

.row.nocol.gutter--small>div:last-of-type,
.nocol.gutter--small.boxes--alternating>div:last-of-type,
.nocol.gutter--small.boxes--pair>div:last-of-type {
    margin-right: 0px
}

.row.nocol.gutter--medium>div,
.nocol.gutter--medium.boxes--alternating>div,
.nocol.gutter--medium.boxes--pair>div {
    margin-right: 25px
}

.row.nocol.gutter--medium>div:last-of-type,
.nocol.gutter--medium.boxes--alternating>div:last-of-type,
.nocol.gutter--medium.boxes--pair>div:last-of-type {
    margin-right: 0px
}

.row.nocol.gutter--large>div,
.nocol.gutter--large.boxes--alternating>div,
.nocol.gutter--large.boxes--pair>div {
    margin-right: 40px
}

.row.nocol.gutter--large>div:last-of-type,
.nocol.gutter--large.boxes--alternating>div:last-of-type,
.nocol.gutter--large.boxes--pair>div:last-of-type {
    margin-right: 0px
}

.row.nocol.gutter--huge>div,
.nocol.gutter--huge.boxes--alternating>div,
.nocol.gutter--huge.boxes--pair>div {
    margin-right: 55px
}

.row.nocol.gutter--huge>div:last-of-type,
.nocol.gutter--huge.boxes--alternating>div:last-of-type,
.nocol.gutter--huge.boxes--pair>div:last-of-type {
    margin-right: 0px
}

/*.row .row:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .row:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .row:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.row .boxes--alternating:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .boxes--alternating:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .boxes--alternating:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.row .boxes--pair:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .boxes--pair:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .boxes--pair:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.row .row div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .row div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .row div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.row .boxes--alternating div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .boxes--alternating div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .boxes--alternating div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.row .boxes--pair div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--alternating .boxes--pair div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
.boxes--pair .boxes--pair div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray),
div[class^="col-"].nopadding:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray) {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important
}*/

.row.reverse,
.boxes--alternating,
.reverse.boxes--pair {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.col.reverse,
.boxes--alternating {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.text-quote.text-quote--alternating:nth-of-type(even)>.col-sm-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.gutter--small {
    justify-content: space-between
}

.gutter--small .col-xs-3 {
    -ms-flex-preferred-size: calc(25% - 15px);
    flex-basis: calc(25% - 15px);
    max-width: calc(25% - 15px)
}

.gutter--small .col-xs-4 {
    -ms-flex-preferred-size: calc(33.33333333% - 15px);
    flex-basis: calc(33.33333333% - 15px);
    max-width: calc(33.33333333% - 15px)
}

.gutter--small .col-xs-6 {
    -ms-flex-preferred-size: calc(50% - 15px);
    flex-basis: calc(50% - 15px);
    max-width: calc(50% - 15px)
}

.gutter--small .col-xs-9 {
    -ms-flex-preferred-size: calc(75% - 15px);
    flex-basis: calc(75% - 15px);
    max-width: calc(75% - 15px)
}

.gutter--medium {
    justify-content: space-between
}

.gutter--medium .col-xs-3 {
    -ms-flex-preferred-size: calc(25% - 25px);
    flex-basis: calc(25% - 25px);
    max-width: calc(25% - 25px)
}

.gutter--medium .col-xs-4 {
    -ms-flex-preferred-size: calc(33.33333333% - 25px);
    flex-basis: calc(33.33333333% - 25px);
    max-width: calc(33.33333333% - 25px)
}

.gutter--medium .col-xs-6 {
    -ms-flex-preferred-size: calc(50% - 25px);
    flex-basis: calc(50% - 25px);
    max-width: calc(50% - 25px)
}

.gutter--medium .col-xs-9 {
    -ms-flex-preferred-size: calc(75% - 25px);
    flex-basis: calc(75% - 25px);
    max-width: calc(75% - 25px)
}

.gutter--large {
    justify-content: space-between
}

.gutter--large>.col-xs-3 {
    -ms-flex-preferred-size: calc(25% - 40px);
    flex-basis: calc(25% - 40px);
    max-width: calc(25% - 40px)
}

.gutter--large>.col-xs-4 {
    -ms-flex-preferred-size: calc(33.33333333% - 40px);
    flex-basis: calc(33.33333333% - 40px);
    max-width: calc(33.33333333% - 40px)
}

.gutter--large>.col-xs-6 {
    -ms-flex-preferred-size: calc(50% - 40px);
    flex-basis: calc(50% - 40px);
    max-width: calc(50% - 40px)
}

.gutter--large>.col-xs-9 {
    -ms-flex-preferred-size: calc(75% - 40px);
    flex-basis: calc(75% - 40px);
    max-width: calc(75% - 40px)
}

.gutter--huge {
    justify-content: space-between
}

.gutter--huge .col-xs-3 {
    -ms-flex-preferred-size: calc(25% - 55px);
    flex-basis: calc(25% - 55px);
    max-width: calc(25% - 55px)
}

.gutter--huge .col-xs-4 {
    -ms-flex-preferred-size: calc(33.33333333% - 55px);
    flex-basis: calc(33.33333333% - 55px);
    max-width: calc(33.33333333% - 55px)
}

.gutter--huge .col-xs-6 {
    -ms-flex-preferred-size: calc(50% - 55px);
    flex-basis: calc(50% - 55px);
    max-width: calc(50% - 55px)
}

.gutter--huge .col-xs-9 {
    -ms-flex-preferred-size: calc(75% - 55px);
    flex-basis: calc(75% - 55px);
    max-width: calc(75% - 55px)
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-6,
.text-quote.text-quote--alternating:nth-of-type(even)>.col-sm-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.baseline-xs {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media only screen and (min-width: 48em) {

    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .gutter--small {
        justify-content: space-between
    }

    .gutter--small .col-sm-3 {
        -ms-flex-preferred-size: calc(25% - 15px);
        flex-basis: calc(25% - 15px);
        max-width: calc(25% - 15px)
    }

    .gutter--small .col-sm-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 15px);
        flex-basis: calc(33.33333333% - 15px);
        max-width: calc(33.33333333% - 15px)
    }

    .gutter--small .col-sm-6 {
        -ms-flex-preferred-size: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px)
    }

    .gutter--medium {
        justify-content: space-between
    }

    .gutter--medium .col-sm-3 {
        -ms-flex-preferred-size: calc(25% - 25px);
        flex-basis: calc(25% - 25px);
        max-width: calc(25% - 25px)
    }

    .gutter--medium .col-sm-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 25px);
        flex-basis: calc(33.33333333% - 25px);
        max-width: calc(33.33333333% - 25px)
    }

    .gutter--medium .col-sm-6 {
        -ms-flex-preferred-size: calc(50% - 25px);
        flex-basis: calc(50% - 25px);
        max-width: calc(50% - 25px)
    }

    .gutter--large {
        justify-content: space-between
    }

    .gutter--large>.col-sm-3 {
        -ms-flex-preferred-size: calc(25% - 40px);
        flex-basis: calc(25% - 40px);
        max-width: calc(25% - 40px)
    }

    .gutter--large>.col-sm-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 40px);
        flex-basis: calc(33.33333333% - 40px);
        max-width: calc(33.33333333% - 40px)
    }

    .gutter--large>.col-sm-6 {
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
        max-width: calc(50% - 40px)
    }

    .gutter--huge {
        justify-content: space-between
    }

    .gutter--huge .col-sm-3 {
        -ms-flex-preferred-size: calc(25% - 55px);
        flex-basis: calc(25% - 55px);
        max-width: calc(25% - 55px)
    }

    .gutter--huge .col-sm-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 55px);
        flex-basis: calc(33.33333333% - 55px);
        max-width: calc(33.33333333% - 55px)
    }

    .gutter--huge .col-sm-6 {
        -ms-flex-preferred-size: calc(50% - 55px);
        flex-basis: calc(50% - 55px);
        max-width: calc(50% - 55px)
    }

    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .baseline-sm {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 64em) {

    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-offset-0,
    .col-md-offset-1,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .gutter--small {
        justify-content: space-between
    }

    .gutter--small .col-md-3 {
        -ms-flex-preferred-size: calc(25% - 15px);
        flex-basis: calc(25% - 15px);
        max-width: calc(25% - 15px)
    }

    .gutter--small .col-md-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 15px);
        flex-basis: calc(33.33333333% - 15px);
        max-width: calc(33.33333333% - 15px)
    }

    .gutter--small .col-md-6 {
        -ms-flex-preferred-size: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px)
    }

    .gutter--medium {
        justify-content: space-between
    }

    .gutter--medium .col-md-3 {
        -ms-flex-preferred-size: calc(25% - 25px);
        flex-basis: calc(25% - 25px);
        max-width: calc(25% - 25px)
    }

    .gutter--medium .col-md-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 25px);
        flex-basis: calc(33.33333333% - 25px);
        max-width: calc(33.33333333% - 25px)
    }

    .gutter--medium .col-md-6 {
        -ms-flex-preferred-size: calc(50% - 25px);
        flex-basis: calc(50% - 25px);
        max-width: calc(50% - 25px)
    }

    .gutter--large {
        justify-content: space-between
    }

    .gutter--large>.col-md-3 {
        -ms-flex-preferred-size: calc(25% - 40px);
        flex-basis: calc(25% - 40px);
        max-width: calc(25% - 40px)
    }

    .gutter--large>.col-md-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 40px);
        flex-basis: calc(33.33333333% - 40px);
        max-width: calc(33.33333333% - 40px)
    }

    .gutter--large>.col-md-6 {
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
        max-width: calc(50% - 40px)
    }

    .gutter--huge {
        justify-content: space-between
    }

    .gutter--huge .col-md-3 {
        -ms-flex-preferred-size: calc(25% - 55px);
        flex-basis: calc(25% - 55px);
        max-width: calc(25% - 55px)
    }

    .gutter--huge .col-md-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 55px);
        flex-basis: calc(33.33333333% - 55px);
        max-width: calc(33.33333333% - 55px)
    }

    .gutter--huge .col-md-6 {
        -ms-flex-preferred-size: calc(50% - 55px);
        flex-basis: calc(50% - 55px);
        max-width: calc(50% - 55px)
    }

    .col-md-offset-0 {
        margin-left: 0
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .baseline-md {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (min-width: 75em) {
    .container {
        width: 76rem
    }

    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-offset-0,
    .col-lg-offset-1,
    .col-lg-offset-2,
    .col-lg-offset-3,
    .col-lg-offset-4,
    .col-lg-offset-5,
    .col-lg-offset-6,
    .col-lg-offset-7,
    .col-lg-offset-8,
    .col-lg-offset-9,
    .col-lg-offset-10,
    .col-lg-offset-11,
    .col-lg-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem
    }

    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    .gutter--small {
        justify-content: space-between
    }

    .gutter--small .col-lg-3 {
        -ms-flex-preferred-size: calc(25% - 15px);
        flex-basis: calc(25% - 15px);
        max-width: calc(25% - 15px)
    }

    .gutter--small .col-lg-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 15px);
        flex-basis: calc(33.33333333% - 15px);
        max-width: calc(33.33333333% - 15px)
    }

    .gutter--small .col-lg-6 {
        -ms-flex-preferred-size: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
        max-width: calc(50% - 15px)
    }

    .gutter--medium {
        justify-content: space-between
    }

    .gutter--medium .col-lg-3 {
        -ms-flex-preferred-size: calc(25% - 25px);
        flex-basis: calc(25% - 25px);
        max-width: calc(25% - 25px)
    }

    .gutter--medium .col-lg-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 25px);
        flex-basis: calc(33.33333333% - 25px);
        max-width: calc(33.33333333% - 25px)
    }

    .gutter--medium .col-lg-6 {
        -ms-flex-preferred-size: calc(50% - 25px);
        flex-basis: calc(50% - 25px);
        max-width: calc(50% - 25px)
    }

    .gutter--large {
        justify-content: space-between
    }

    .gutter--large>.col-lg-3 {
        -ms-flex-preferred-size: calc(25% - 40px);
        flex-basis: calc(25% - 40px);
        max-width: calc(25% - 40px)
    }

    .gutter--large>.col-lg-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 40px);
        flex-basis: calc(33.33333333% - 40px);
        max-width: calc(33.33333333% - 40px)
    }

    .gutter--large>.col-lg-6 {
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
        max-width: calc(50% - 40px)
    }

    .gutter--huge {
        justify-content: space-between
    }

    .gutter--huge .col-lg-3 {
        -ms-flex-preferred-size: calc(25% - 55px);
        flex-basis: calc(25% - 55px);
        max-width: calc(25% - 55px)
    }

    .gutter--huge .col-lg-4 {
        -ms-flex-preferred-size: calc(33.33333333% - 55px);
        flex-basis: calc(33.33333333% - 55px);
        max-width: calc(33.33333333% - 55px)
    }

    .gutter--huge .col-lg-6 {
        -ms-flex-preferred-size: calc(50% - 55px);
        flex-basis: calc(50% - 55px);
        max-width: calc(50% - 55px)
    }

    .col-lg-offset-0 {
        margin-left: 0
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start
    }

    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end
    }

    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .baseline-lg {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@font-face {
    font-family: 'Brandon Text';
    src: url("../fonts/brandontext-light.eot");
    src: url("../fonts/brandontext-light.eot") format("embedded-opentype"), url("../fonts/brandontext-light.woff") format("woff"), url("../fonts/brandontext-light.ttf") format("truetype");
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: 'Brandon Text';
    src: url("../fonts/brandontext-medium.eot");
    src: url("../fonts/brandontext-medium.eot") format("embedded-opentype"), url("../fonts/brandontext-medium.woff") format("woff"), url("../fonts/brandontext-medium.ttf") format("truetype");
    font-style: bold;
    font-weight: 600
}

@font-face {
    font-family: 'Brandon Text';
    src: url("../fonts/brandontext-black.eot");
    src: url("../fonts/brandontext-black.eot") format("embedded-opentype"), url("../fonts/brandontext-black.woff") format("woff"), url("../fonts/brandontext-black.ttf") format("truetype");
    font-style: normal;
    font-weight: 900
}

/* source han sans */
@font-face {
    font-family: 'Source Han Sans';
    src: url("./fonts/SourceHanSansCN-Regular.otf");
    font-style: normal;
    font-weight: 300;
}

body {
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: #344563;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-kerning: normal
}

.slidelink,
.slidelink--mediumGray,
.breadcrumb li>a,
.slidelink--text,
#site-menu--hover .site-menu__nav a,
.slidelink--purple,
.slidelink--white,
.site-menu__nav a,
.unslidelink,
.unslidelink--mediumGray,
#respond a.link--purple--green--underline,
.unslidelink--text,
.unslidelink--purple,
.user-content a:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray):not(.notusercontentlink),
.unslidelink--white,
.newsletter-promo .back a.link--purple--green--underline {
    position: relative;
    text-decoration: none;
    background-repeat: no-repeat;
    transition: all 200ms
}

.slidelink,
.slidelink--mediumGray,
.breadcrumb li>a,
.slidelink--text,
#site-menu--hover .site-menu__nav a,
.slidelink--purple,
.slidelink--white,
.site-menu__nav a {
    background-size: 0% 100%;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
}

.slidelink:hover,
.slidelink--mediumGray:hover,
.slidelink--text:hover,
.slidelink--purple:hover,
.slidelink--white:hover,
.site-menu__nav a:hover,
.slidelink.hovered,
.hovered.slidelink--mediumGray,
.breadcrumb li>a.hovered,
.hovered.slidelink--text,
.hovered.slidelink--purple,
.hovered.slidelink--white,
.site-menu__nav a.hovered {
    background-size: 100% 100%;
    color: #98D338;
}

#site-menu--hover .site-menu__nav a.hovered {}

#site-menu--hover .site-menu__nav a:hover {
    color: #000;
    font-weight: 700;
}

.slidelink--white,
.site-menu__nav a {}

#site-menu--default .site-menu__nav a.current {

    color: #98D338 !important;
    border-bottom: 2px solid #98D338;

}

.nav-right {
    justify-content: flex-end;
}

.unslidelink,
.unslidelink--mediumGray,
#respond a.link--purple--green--underline,
.unslidelink--text,
.unslidelink--purple,
.user-content a:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray):not(.notusercontentlink),
.unslidelink--white,
.newsletter-promo .back a.link--purple--green--underline {
    background-size: 100% 100%;
    background-position: right
}

.unslidelink:hover,
.unslidelink--mediumGray:hover,
#respond a.link--purple--green--underline:hover,
.unslidelink--text:hover,
.unslidelink--purple:hover,
.user-content a:hover:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray):not(.notusercontentlink),
.unslidelink--white:hover,
.newsletter-promo .back a.link--purple--green--underline:hover,
.unslidelink.hovered,
.hovered.unslidelink--mediumGray,
#respond a.hovered.link--purple--green--underline,
.hovered.unslidelink--text,
.hovered.unslidelink--purple,
.user-content a.hovered:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray):not(.notusercontentlink),
.hovered.unslidelink--white,
.newsletter-promo .back a.hovered.link--purple--green--underline {
    background-size: 0% 100%
}

.slidelink--mediumGray,
.breadcrumb li>a {
    color: #999;
    background-image: linear-gradient(transparent calc(100% - 2px), #999 2px)
}

.unslidelink--mediumGray,
#respond a.link--purple--green--underline {
    color: #999;
    background-image: linear-gradient(transparent calc(100% - 1px), #999 1px)
}

.slidelink--text {
    color: #43414e;
    transition-delay: .3s;
}

#site-menu--hover .site-menu__nav a {
    color: #344563;
}

.unslidelink--text {
    color: #43414e;
    background-image: linear-gradient(transparent calc(100% - 1px), #43414e 1px)
}

.slidelink--purple {
    color: #98D338;
    background-image: linear-gradient(transparent calc(100% - 2px), #98D338 2px)
}

.unslidelink--purple,
.user-content a:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray):not(.notusercontentlink) {
    color: #98D338;
    background-image: linear-gradient(transparent calc(100% - 1px), #98D338 1px)
}

.unslidelink--white,
.newsletter-promo .back a.link--purple--green--underline {
    color: #fff;
    background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px)
}

/* .slidelink--white,
.site-menu__nav a {
    color: #fff;
} */

@supports (-ms-ime-align: auto) {

    .slidelink,
    .slidelink--mediumGray,
    .breadcrumb li>a,
    .slidelink--text,
    #site-menu--hover .site-menu__nav a,
    .slidelink--purple,
    .slidelink--white,
    .site-menu__nav a {
        background-size: 0%
    }

    .slidelink:hover,
    .slidelink--mediumGray:hover,
    .breadcrumb li>a:hover,
    .slidelink--text:hover,
    #site-menu--hover .site-menu__nav a:hover,
    .slidelink--purple:hover,
    .slidelink--white:hover,
    .site-menu__nav a:hover {
        text-decoration: underline;
        background-size: 0%
    }

    .unslidelink,
    .unslidelink--mediumGray,
    #respond a.link--purple--green--underline,
    .unslidelink--text,
    .unslidelink--purple,
    .user-content a:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray):not(.notusercontentlink),
    .unslidelink--white,
    .newsletter-promo .back a.link--purple--green--underline {
        background-size: 0%;
        text-decoration: underline
    }

    .unslidelink:hover,
    .unslidelink--mediumGray:hover,
    #respond a.link--purple--green--underline:hover,
    .unslidelink--text:hover,
    .unslidelink--purple:hover,
    .user-content a:hover:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray):not(.notusercontentlink),
    .unslidelink--white:hover,
    .newsletter-promo .back a.link--purple--green--underline:hover {
        text-decoration: none;
        background-size: 0%
    }
}

.underline--dashed,
.user-content abbr {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2)
}

.underline--dashed:hover,
.user-content abbr:hover {
    cursor: pointer;
    border-bottom: 1px dashed #98D338
}

.color--mediumGray {
    color: #999
}

.color--white,
.plan-box--active.plan-box--active--color--white {
    color: #444
}

.color--white .heading,
.plan-box--active.plan-box--active--color--white .heading,
.color--white .heading--white,
.plan-box--active.plan-box--active--color--white .heading--white,
.color--white .heading--huge,
.plan-box--active.plan-box--active--color--white .heading--huge,
.color--white .heading--large,
.plan-box--active.plan-box--active--color--white .heading--large,
.color--white #mobile-nav-overlay ul li a,
#mobile-nav-overlay ul li .color--white a,
.plan-box--active.plan-box--active--color--white #mobile-nav-overlay ul li a,
#mobile-nav-overlay ul li .plan-box--active.plan-box--active--color--white a,
.color--white .newsletter-promo .front .title,
.newsletter-promo .front .color--white .title,
.plan-box--active.plan-box--active--color--white .newsletter-promo .front .title,
.newsletter-promo .front .plan-box--active.plan-box--active--color--white .title,
.color--white .newsletter-promo .back .title,
.newsletter-promo .back .color--white .title,
.plan-box--active.plan-box--active--color--white .newsletter-promo .back .title,
.newsletter-promo .back .plan-box--active.plan-box--active--color--white .title,
.color--white .heading--big,
.plan-box--active.plan-box--active--color--white .heading--big,
.color--white .heading--medium,
.plan-box--active.plan-box--active--color--white .heading--medium,
.color--white .heading--normal,
.plan-box--active.plan-box--active--color--white .heading--normal,
.color--white .heading--small,
.plan-box--active.plan-box--active--color--white .heading--small,
.color--white .plan-box__name,
.plan-box--active.plan-box--activ e--color--white .plan-box__name,
.color--white .plan-box--up-to,
.plan-box--active.plan-box--active--color--white .plan-box--up-to,
.color--white .user-content h5,
.user-content .color--white h5,
.plan-box--active.plan-box--active--color--white .user-content h5,
.user-content .plan-box--active.plan-box--active--color--white h5,
.color--white .heading--tiny,
.plan-box--active.plan-box--active--color--white .heading--tiny,
.color--white .user-content h2,
.user-content .color--white h2,
.plan-box--active.plan-box--active--color--white .user-content h2,
.user-content .plan-box--active.plan-box--active--color--white h2,
.color--white .user-content h3,
.user-content .color--white h3,
.plan-box--active.plan-box--active--color--white .user-content h3,
.user-content .plan-box--active.plan-box--active--color--white h3,
.color--white .user-content .essb-click-to-tweet-quote,
.user-content .color--white .essb-click-to-tweet-quote,
.plan-box--active.plan-box--active--color--white .user-content .essb-click-to-tweet-quote,
.user-content .plan-box--active.plan-box--active--color--white .essb-click-to-tweet-quote,
.color--white.heading,
.color--white.heading--white,
.heading--white.plan-box--active.plan-box--active--color--white,
.color--white.heading--huge,
.heading--huge.plan-box--active.plan-box--active--color--white,
.color--white.heading--large,
.heading--large.plan-box--active.plan-box--active--color--white,
#mobile-nav-overlay ul li a.plan-box--active.plan-box--active--color--white,
.newsletter-promo .front .plan-box--active.plan-box--active--color--white.title,
.newsletter-promo .back .plan-box--active.plan-box--active--color--white.title,
#mobile-nav-overlay ul li a.color--white,
.newsletter-promo .front .color--white.title,
.newsletter-promo .back .color--white.title,
.color--white.heading--big,
.heading--big.plan-box--active.plan-box--active--color--white,
.color--white.heading--medium,
.heading--medium.plan-box--active.plan-box--active--color--white,
.color--white.heading--normal,
.heading--normal.plan-box--active.plan-box--active--color--white,
.color--white.heading--small,
.color--white.plan-box__name,
.plan-box__name.plan-box--active.plan-box--active--color--white,
.color--white.plan-box--up-to,
.plan-box--up-to.plan-box--active.plan-box--active--color--white,
.heading--small.plan-box--active.plan-box--active--color--white,
.user-content h5.plan-box--active.plan-box--active--color--white,
.user-content h5.color--white,
.color--white.heading--tiny,
.heading--tiny.plan-box--active.plan-box--active--color--white,
.heading.plan-box--active.plan-box--active--color--white,
.user-content h2.plan-box--active.plan-box--active--color--white,
.user-content h3.plan-box--active.plan-box--active--color--white,
.user-content .plan-box--active.plan-box--active--color--white.essb-click-to-tweet-quote,
.user-content h2.color--white,
.user-content h3.color--white,
.user-content .color--white.essb-click-to-tweet-quote {
    color: #333
}

.color--green {
    color: #98D338
}

.color--green .heading,
.color--green .heading--white,
.color--green .heading--huge,
.color--green .heading--large,
.color--green #mobile-nav-overlay ul li a,
#mobile-nav-overlay ul li .color--green a,
.color--green .newsletter-promo .front .title,
.newsletter-promo .front .color--green .title,
.color--green .newsletter-promo .back .title,
.newsletter-promo .back .color--green .title,
.color--green .heading--big,
.color--green .heading--medium,
.color--green .heading--normal,
.color--green .heading--small,
.color--green .plan-box__name,
.color--green .plan-box--up-to,
.color--green .user-content h5,
.user-content .color--green h5,
.color--green .heading--tiny,
.color--green .user-content h2,
.user-content .color--green h2,
.color--green .user-content h3,
.user-content .color--green h3,
.color--green .user-content .essb-click-to-tweet-quote,
.user-content .color--green .essb-click-to-tweet-quote,
.color--green.heading,
.color--green.heading--white,
.color--green.heading--huge,
.color--green.heading--large,
#mobile-nav-overlay ul li a.color--green,
.newsletter-promo .front .color--green.title,
.newsletter-promo .back .color--green.title,
.color--green.heading--big,
.color--green.heading--medium,
.color--green.heading--normal,
.color--green.heading--small,
.color--green.plan-box__name,
.color--green.plan-box--up-to,
.user-content h5.color--green,
.color--green.heading--tiny,
.user-content h2.color--green,
.user-content h3.color--green,
.user-content .color--green.essb-click-to-tweet-quote {
    color: #98D338
}

.color--purple {
    color: #98D338
}

.color--purple .heading,
.color--purple .heading--white,
.color--purple .heading--huge,
.color--purple .heading--large,
.color--purple #mobile-nav-overlay ul li a,
#mobile-nav-overlay ul li .color--purple a,
.color--purple .newsletter-promo .front .title,
.newsletter-promo .front .color--purple .title,
.color--purple .newsletter-promo .back .title,
.newsletter-promo .back .color--purple .title,
.color--purple .heading--big,
.color--purple .heading--medium,
.color--purple .heading--normal,
.color--purple .heading--small,
.color--purple .plan-box__name,
.color--purple .plan-box--up-to,
.color--purple .user-content h5,
.user-content .color--purple h5,
.color--purple .heading--tiny,
.color--purple .user-content h2,
.user-content .color--purple h2,
.color--purple .user-content h3,
.user-content .color--purple h3,
.color--purple .user-content .essb-click-to-tweet-quote,
.user-content .color--purple .essb-click-to-tweet-quote,
.color--purple.heading,
.color--purple.heading--white,
.color--purple.heading--huge,
.color--purple.heading--large,
#mobile-nav-overlay ul li a.color--purple,
.newsletter-promo .front .color--purple.title,
.newsletter-promo .back .color--purple.title,
.color--purple.heading--big,
.color--purple.heading--medium,
.color--purple.heading--normal,
.color--purple.heading--small,
.color--purple.plan-box__name,
.color--purple.plan-box--up-to,
.user-content h5.color--purple,
.color--purple.heading--tiny,
.user-content h2.color--purple,
.user-content h3.color--purple,
.user-content .color--purple.essb-click-to-tweet-quote {
    color: #98D338
}

.color--blue {
    color: #444
}

.color--blue .heading,
.color--blue .heading--white,
.color--blue .heading--huge,
.color--blue .heading--large,
.color--blue #mobile-nav-overlay ul li a,
#mobile-nav-overlay ul li .color--blue a,
.color--blue .newsletter-promo .front .title,
.newsletter-promo .front .color--blue .title,
.color--blue .newsletter-promo .back .title,
.newsletter-promo .back .color--blue .title,
.color--blue .heading--big,
.color--blue .heading--medium,
.color--blue .heading--normal,
.color--blue .heading--small,
.color--blue .plan-box__name,
.color--blue .plan-box--up-to,
.color--blue .user-content h5,
.user-content .color--blue h5,
.color--blue .heading--tiny,
.color--blue .user-content h2,
.user-content .color--blue h2,
.color--blue .user-content h3,
.user-content .color--blue h3,
.color--blue .user-content .essb-click-to-tweet-quote,
.user-content .color--blue .essb-click-to-tweet-quote,
.color--blue.heading,
.color--blue.heading--white,
.color--blue.heading--huge,
.color--blue.heading--large,
#mobile-nav-overlay ul li a.color--blue,
.newsletter-promo .front .color--blue.title,
.newsletter-promo .back .color--blue.title,
.color--blue.heading--big,
.color--blue.heading--medium,
.color--blue.heading--normal,
.color--blue.heading--small,
.color--blue.plan-box__name,
.color--blue.plan-box--up-to,
.user-content h5.color--blue,
.color--blue.heading--tiny,
.user-content h2.color--blue,
.user-content h3.color--blue,
.user-content .color--blue.essb-click-to-tweet-quote {
    color: #444
}

.color--darkBlue {
    color: #0c022f
}

.color--darkBlue .heading,
.color--darkBlue .heading--white,
.color--darkBlue .heading--huge,
.color--darkBlue .heading--large,
.color--darkBlue #mobile-nav-overlay ul li a,
#mobile-nav-overlay ul li .color--darkBlue a,
.color--darkBlue .newsletter-promo .front .title,
.newsletter-promo .front .color--darkBlue .title,
.color--darkBlue .newsletter-promo .back .title,
.newsletter-promo .back .color--darkBlue .title,
.color--darkBlue .heading--big,
.color--darkBlue .heading--medium,
.color--darkBlue .heading--normal,
.color--darkBlue .heading--small,
.color--darkBlue .plan-box__name,
.color--darkBlue .plan-box--up-to,
.color--darkBlue .user-content h5,
.user-content .color--darkBlue h5,
.color--darkBlue .heading--tiny,
.color--darkBlue .user-content h2,
.user-content .color--darkBlue h2,
.color--darkBlue .user-content h3,
.user-content .color--darkBlue h3,
.color--darkBlue .user-content .essb-click-to-tweet-quote,
.user-content .color--darkBlue .essb-click-to-tweet-quote,
.color--darkBlue.heading,
.color--darkBlue.heading--white,
.color--darkBlue.heading--huge,
.color--darkBlue.heading--large,
#mobile-nav-overlay ul li a.color--darkBlue,
.newsletter-promo .front .color--darkBlue.title,
.newsletter-promo .back .color--darkBlue.title,
.color--darkBlue.heading--big,
.color--darkBlue.heading--medium,
.color--darkBlue.heading--normal,
.color--darkBlue.heading--small,
.color--darkBlue.plan-box__name,
.color--darkBlue.plan-box--up-to,
.user-content h5.color--darkBlue,
.color--darkBlue.heading--tiny,
.user-content h2.color--darkBlue,
.user-content h3.color--darkBlue,
.user-content .color--darkBlue.essb-click-to-tweet-quote {
    color: #0c022f
}

h1,
h2,
h3,
h4,
h5,
h6 {
    word-break: break-word
}

.heading,
.heading--white,
.heading--huge,
.heading--large,
#mobile-nav-overlay ul li a,
.newsletter-promo .front .title,
.newsletter-promo .back .title,
.heading--big,

.heading--normal,
.heading--small,
.plan-box__name,
.plan-box--up-to,
.user-content h5,
.heading--small,
.user-content h2,
.user-content h3,
.user-content .essb-click-to-tweet-quote {
    font-weight: 300;
    line-height: 1.2;
    color: #344563;
}

.heading--tiny,
.heading--medium {
    color: #344563;
}

.heading--white {
    color: #fff
}

.heading--huge {
    font-size: 36px;
    font-weight: 900;
    color: #091E42 !important;
}

.heading--large,
#mobile-nav-overlay ul li a,
.newsletter-promo .front .title,
.newsletter-promo .back .title {
    font-size: 28px;
    font-weight: 900
}

.heading--big {
    font-size: 40px;
    font-weight: 900
}

.heading--medium {
    font-size: 28px;
    font-weight: 900
}

.heading--normal {
    font-size: 22px;
    line-height: 30px;
    font-weight: 600
}

.heading--small {
    font-size: 18px;
}

.heading--text,
.plan-box--up-to,
.user-content h5 {
    font-size: 18px;
    font-weight: 600
}

.text--small.plan-box__name {
    color: #344563;
}

.heading--tiny {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

@media only screen and (max-width: 48em) {
    .heading--huge {
        font-size: 25px
    }

    .heading--large,
    #mobile-nav-overlay ul li a,
    .newsletter-promo .front .title,
    .newsletter-promo .back .title {
        font-size: 25px;
        line-height: 35px;
    }
}

.link--on--dark,
.color--white .terms-checkbox a,
.plan-box--active.plan-box--active--color--white .terms-checkbox a {
    color: #fff;
    text-decoration: underline
}

.link--on--dark:hover,
.color--white .terms-checkbox a:hover,
.plan-box--active.plan-box--active--color--white .terms-checkbox a:hover {
    color: #98D338
}

.text--link,
.text--link--greenhover,
.text--link--green--underline {
    color: inherit;
    text-decoration: none;
    transition: all 120ms linear;
    cursor: pointer
}

.text--link.hovered,
.text--link:hover {
    text-decoration: underline;
    color: #091e42;
}

.text--link {
    color: #091e42;
    font-size: 16px;
    font-weight: 600;
}

.question a,
#plans-section-start a {
    color: #76CA20;
    text-decoration: underline;
}

.question a:hover,
.question a:focus,
#plans-section-start a:hover,
#plans-section-start a:focus {
    color: #5ab200;
}

.text--link--greenhover:hover,
.text--link--green--underline:hover,

.hovered.text--link--greenhover,
.hovered.text--link--green--underline {
    color: #98D338
}

.text--link:hover h1,
.text--link--greenhover:hover h1,
.text--link--green--underline:hover h1,
.text--link:hover h2,
.text--link--greenhover:hover h2,
.text--link--green--underline:hover h2,
.text--link:hover h3,
.text--link--greenhover:hover h3,
.text--link--green--underline:hover h3,
.text--link:hover h4,
.text--link--greenhover:hover h4,
.text--link--green--underline:hover h4,
.text--link:hover h5,
.text--link--greenhover:hover h5,
.text--link--green--underline:hover h5,
.text--link:hover h6,
.text--link--greenhover:hover h6,
.text--link--green--underline:hover h6,
.text--link.hovered h1,
.hovered.text--link--greenhover h1,
.hovered.text--link--green--underline h1,
.text--link.hovered h2,
.hovered.text--link--greenhover h2,
.hovered.text--link--green--underline h2,
.text--link.hovered h3,
.hovered.text--link--greenhover h3,
.hovered.text--link--green--underline h3,
.text--link.hovered h4,
.hovered.text--link--greenhover h4,
.hovered.text--link--green--underline h4,
.text--link.hovered h5,
.hovered.text--link--greenhover h5,
.hovered.text--link--green--underline h5,
.text--link.hovered h6,
.hovered.text--link--greenhover h6,
.hovered.text--link--green--underline h6 {
    color: #98D338
}

.text--link--greenhover:hover,
.text--link--greenhover.hovered {
    color: #98D338
}

.text--link--underlined {
    text-decoration: underline
}

.text--link--green--underline {
    text-decoration: none;
    border-bottom: 2px solid #98D338
}

.link--purple--green--underline {
    color: #98D338;
    text-decoration: none;
    position: relative
}

.link--purple--green--underline:before {
    width: 0px;
    position: absolute;
    content: ' ';
    border-bottom: 2px solid #98D338;
    transition: all 120ms linear;
    height: 100%;
    top: 0px
}

.link--purple--green--underline:hover:before {
    width: 100%
}

.text--center {
    text-align: center
}

.text--left {
    text-align: left
}

@media only screen and (max-width: 47em) {
    .xs--text--center {
        text-align: center
    }

    .xs--text--left {
        text-align: left
    }
}

.text--right {
    text-align: right
}

.text--small,
.ptengine-form label,
.ptengine-form .control-message,
.user-content table,
.user-content pre,
.user-content code,
.user-content .wp-caption-text {
    font-size: 14px
}

.text--small.text--bold {
    color: #344563;
}

.text--small {
    color: #344563;
}

.text--normal {
    font-size: 16px
}

.text--tiny,
.breadcrumb li span,
.breadcrumb li a,
.label,
.label--green,
.label--purple,
.label--blue,
.site-menu__nav {
    font-size: 12px
}

.text--large,
.user-content {
    font-size: 16px;
    line-height: 1.6;
    color: #344563
}

.text--huge {
    font-size: 22px
}

.text--color {
    color: #999
}

.text--superbold {
    font-weight: 900
}

.text--bold,
.ptengine-form label:not(.optional):not(.checkbox-label),
.user-content table th,
.label:not(.label--small),
.label--green:not(.label--small),
.label--purple:not(.label--small),
.label--blue:not(.label--small),
strong {
    font-weight: 600
}

.text--semibold {
    font-weight: 500
}

.nowrap {
    white-space: nowrap
}

.link--noformat {
    color: inherit;
    text-decoration: none
}

.link--noformat:hover {
    color: inherit
}

.opacity--10 {
    opacity: 0.1
}

.opacity--20 {
    opacity: 0.2
}

.opacity--30 {
    opacity: 0.3
}

.opacity--40 {
    opacity: 0.4
}

.opacity--50 {
    opacity: 0.5
}

.opacity--60 {
    opacity: 0.6
}

.opacity--70 {
    opacity: 0.7
}

.opacity--80 {
    opacity: 0.8
}

.opacity--90 {
    opacity: 0.9
}

.opacity--100 {
    opacity: 1
}

.logos img {
    max-height: 50px
}

.logos img.white {
    filter: brightness(0) invert(1)
}

.logos--faded-color-on-hover img {
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 200ms linear
}

.logos--faded-color-on-hover img:hover {
    opacity: 1;
    filter: grayscale(0%)
}

#sidebar {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding-left: 40px
}

.stickySidebar--default #sidebar__bottom {
    margin-top: auto;
    margin-bottom: 40px
}

.stickySidebar--stuckTop #sidebar__sticky {
    position: fixed;
    top: 40px
}

.stickySidebar--stuckTop #sidebar__bottom {
    margin-top: auto;
    margin-bottom: 40px
}

.stickySidebar--stuckBottom #sidebar__sticky {
    margin-top: auto
}

.stickySidebar--stuckBottom #sidebar__bottom {
    margin-bottom: 40px
}

.widget {
    box-sizing: border-box;
    padding-top: 40px
}

.widget--boxed {
    padding: 40px
}

@media only screen and (max-width: 47.999em) {
    #sidebar {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        display: block
    }

    #sidebar__sticky {
        position: relative !important
    }
}

.ptengine-form {
    transition: all 300ms linear;
    opacity: 1
}

.ptengine-form .form-error {
    color: #ed1c24
}

.ptengine-form .form-error a {
    color: inherit
}

.ptengine-form input:not([type="submit"]):not([type='checkbox']):not([type='radio']),
.ptengine-form textarea,
.ptengine-form select,
.ptengine-form .chosen-container-single .chosen-single {
    border: 2px solid transparent;
    padding: 11px 16px;
    font-size: 14px;
    font-weight: 400;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-appearance: none;
    outline: none;
    border-radius: 0px
}

.ptengine-form input:not([type="submit"]):not([type='checkbox']):not([type='radio']).round,
.ptengine-form textarea.round,
.ptengine-form select.round,
.ptengine-form .chosen-container-single .chosen-single.round {
    border-radius: 80px
}

.ptengine-form label input,
.ptengine-form label textarea,
.ptengine-form label select,
.ptengine-form label .chosen-container {
    margin-top: 6px
}

.ptengine-form .radio-label,
.ptengine-form .checkbox-label {
    cursor: pointer
}

.ptengine-form label:not(.radio-label):not(.checkbox-label) {
    display: block
}

.ptengine-form.disabled {
    opacity: 0.2
}

.ptengine-form .control-label {
    margin-bottom: 6px;
    display: flex;
    align-items: center
}

.ptengine-form .form-control[data-state='invalid'] .control-message--error {
    color: #ed1c24
}

.ptengine-form .form-control[data-state='invalid'] .control-message--error a {
    color: inherit
}

.ptengine-form .form-control .control-label:after {
    opacity: 0;
    content: ' ';
    margin-left: 6px;
    transition: opacity 200ms linear
}

.ptengine-form .form-control[data-state='valid'] .control-label:after {
    opacity: 1;
    width: 16px;
    height: 16px;
    display: block;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g data-name="figures and interactions"><polyline points="12.64 4.91 6.46 11.09 3.36 7.99" style="fill: none;stroke: #98D338;stroke-linecap: round;stroke-linejoin: round;stroke-width: 2px"/></g></svg>')
}

.ptengine-form .form-control[data-state='valid'] .control-message--hint {
    opacity: 0.5
}

.ptengine-form .control-label__icon {
    opacity: 0;
    transition: all 200ms linear
}

.ptengine-form .form-control.state-valid .control-label__icon {
    opacity: 1
}

.state-hint-error {
    opacity: 1;
    transition: all 200ms linear
}

.ptengine-form .isValid .state-hint-error {
    opacity: 0.5
}

.radio {
    width: 13px;
    height: 13px;
    position: relative;
    border: 2px solid #e6e5f0;
    display: block;
    position: relative;
    border-radius: 24px;
    background: #fff
}

.radio .indicator {
    width: 9px;
    height: 9px;
    background: #98D338;
    border-radius: 16px;
    top: 2px;
    left: 2px;
    position: absolute;
    opacity: 0;
    transition: all 200ms linear
}

.radio input[type="radio"] {
    display: none
}

.radio input[type="radio"]:checked+.indicator {
    opacity: 1
}

.checkbox {
    width: 13px;
    height: 13px;
    position: relative;
    border: 2px solid #e6e5f0;
    display: block;
    position: relative;
    background: #fff
}

.checkbox .indicator {
    width: 9px;
    height: 9px;
    background: #98D338;
    top: 2px;
    left: 2px;
    position: absolute;
    opacity: 0;
    transition: all 200ms linear
}

.checkbox input[type="checkbox"] {
    position: relative;
    top: -5px;
    left: -3px;
    z-index: -1;
    visibility: hidden
}

.checkbox input[type="checkbox"]:checked+.indicator {
    opacity: 1
}

.ptengine-form--round input:not([type="submit"]):not([type='checkbox']):not([type='checkbox']),
.ptengine-form--round textarea {
    border-radius: 80px
}

.ptengine-form--darkbg select,
.ptengine-form--darkbg .chosen-container-single .chosen-single {
    background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g id='7a2dbd94-ac60-4821-a8f1-ff0239918912' data-name='figures and interactions'><polyline points='3.85 6 8 10 12.15 6' style='fill: none;stroke: transparent;stroke-linecap: round;stroke-linejoin: round;stroke-width: 2px'/></g></svg>");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center
}

.ptengine-form--darkbg input:not([type="submit"]),
.ptengine-form--darkbg textarea,
.ptengine-form--darkbg select {
    background-color: #fff;
    border: 2px solid transparent
}

.ptengine-form--darkbg input:not([type="submit"]):hover,
.ptengine-form--darkbg textarea:hover,
.ptengine-form--darkbg select:hover {
    border-color: #dedede
}

.ptengine-form--darkbg input:not([type="submit"]):focus,
.ptengine-form--darkbg textarea:focus,
.ptengine-form--darkbg select:focus {
    border-color: #c5c5c5
}

.ptengine-form--darkbg .chosen-container .chosen-drop {
    border: 1px solid #c5c5c5;
    border-top: 0
}

.ptengine-form--darkbg .huge-search input:hover,
.ptengine-form--darkbg .huge-search input:focus {
    border-color: transparent
}

.ptengine-form--whitebg input:not([type="submit"]):not([type='checkbox']):not([type='checkbox']),
.ptengine-form--whitebg textarea,
.ptengine-form--whitebg select,
.ptengine-form--whitebg .chosen-container-single .chosen-single {
    border-color: #e6e5f0;
    background-color: #fff
}

.ptengine-form--whitebg input:not([type="submit"]):not([type='checkbox']):not([type='checkbox']):hover,
.ptengine-form--whitebg textarea:hover,
.ptengine-form--whitebg select:hover,
.ptengine-form--whitebg .chosen-container-single .chosen-single:hover {
    border-color: #c7c5dd
}

.ptengine-form--whitebg input:not([type="submit"]):not([type='checkbox']):not([type='checkbox']):focus,
.ptengine-form--whitebg textarea:focus,
.ptengine-form--whitebg select:focus,
.ptengine-form--whitebg .chosen-container-single .chosen-single:focus {
    border-color: #98D338
}

.ptengine-form--whitebg .chosen-container .chosen-drop {
    border: 1px solid #c7c5dd;
    border-top: 0
}

.ptengine-form--whitebg select,
.ptengine-form--whitebg .chosen-container-single .chosen-single {
    background-image: url("data:image/svg+xml;utf8,  <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><g id='7a2dbd94-ac60-4821-a8f1-ff0239918912' data-name='figures and interactions'><polyline points='3.85 6 8 10 12.15 6' style='fill: none;stroke: #e6e5f0;stroke-linecap: round;stroke-linejoin: round;stroke-width: 2px'/></g></svg>");
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center
}

.border--right--gray {
    border-right: 1px solid #e4e4e4
}

@media only screen and (max-width: 48em) {
    .border--right--gray--xs--none {
        border-right: 0px
    }
}

.border--left--gray {
    border-left: 1px solid #e4e4e4
}

.border--top--gray {
    border-top: 1px solid #e4e4e4
}

.border--bottom--gray {
    border-bottom: 1px solid #e4e4e4
}

.border--bottom--gray.no--border--bottom--last:last-of-type {
    border-bottom: 0px
}

.avatar--small {
    width: 32px;
    height: 32px
}

.avatar--medium {
    width: 60px;
    height: 60px
}

.avatar--large {
    width: 82px;
    height: 82px
}

.avatar--round img {
    border-radius: 164px
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 320px;
    min-width: 50px;
    font-size: 14px;
    line-height: 1.6;
    direction: ltr;
    box-shadow: none;
    padding: 0
}

.qtip-content {
    position: relative;
    padding: 11px 22px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: bold
}

.qtip-titlebar+.qtip-content {
    border-top-width: 0 !important
}

.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11;
    cursor: pointer;
    outline: medium none;
    border: 1px solid transparent
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px
}

* html .qtip-titlebar .qtip-close {
    top: 16px
}

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr
}

.qtip-icon,
.qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none
}

.qtip-icon .ui-icon {
    width: 18px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma, sans-serif;
    color: inherit;
    background: transparent none no-repeat -100em -100em
}

.qtip-default {
    border: 1px solid #F1D031;
    background-color: #FFFFA3;
    color: #555
}

.qtip-default .qtip-titlebar {
    background-color: #FFEF93
}

.qtip-default .qtip-icon {
    border-color: #CCC;
    background: #F1F1F1;
    color: #777
}

.qtip-default .qtip-titlebar .qtip-close {
    border-color: #AAA;
    color: #111
}

.qtip-light {
    background-color: white;
    border-color: #E2E2E2;
    color: #454545
}

.qtip-light .qtip-titlebar {
    background-color: #f1f1f1
}

@keyframes blink {
    0% {
        opacity: .2;
        width: 2px;
        height: 2px;
        margin-left: 0px;
        margin-top: 0px
    }

    20% {
        opacity: 1;
        width: 3px;
        height: 3px;
        margin-left: -1px;
        margin-top: -1px
    }

    100% {
        opacity: .2;
        width: 2px;
        height: 2px;
        margin-left: 0px;
        margin-top: 0px
    }
}

.button--huge .loading-dots {
    bottom: 26px
}

.loading-dots {
    position: absolute;
    width: 18px;
    height: 2px;
    right: 28px;
    bottom: 14px;
    line-height: 2px
}

.loading-dots span {
    width: 2px;
    height: 2px;
    left: 0px;
    top: 0px;
    display: block;
    position: absolute;
    background: #fff;
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.loading-dots span:nth-of-type(2) {
    left: 8px;
    animation-delay: .2s
}

.loading-dots span:nth-of-type(3) {
    left: 16px;
    animation-delay: .4s
}

.fancybox-stage {
    max-width: calc(100% - 20px);
    margin-left: 10px
}

.fancybox-enabled {
    overflow: hidden
}

.fancybox-enabled body {
    overflow: visible;
    height: 100%
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99993;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-container~.fancybox-container {
    z-index: 99992
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.87;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s, visibility 0s linear .25s;
    box-sizing: border-box
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s, visibility 0s
}

.fancybox-infobar {
    top: 0;
    left: 50%;
    margin-left: -79px
}

.fancybox-infobar__body {
    display: inline-block;
    width: 70px;
    line-height: 44px;
    font-size: 13px;
    font-family: "Myriad Pro", "Helvetica", "arial", "メイリオ", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    body text-align: center;
    color: #ddd;
    background-color: rgba(30, 30, 30, 0.7);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased
}

.fancybox-toolbar {
    top: 0;
    right: 0
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translate3d(0, 0, 0)
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: visible
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000
}

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #E5E3DF
}

.fancybox-slide--next {
    z-index: 99995
}

.fancybox-slide>div {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0 44px;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff
}

.fancybox-error {
    margin: 0;
    padding: 40px;
    width: 100%;
    max-width: 380px;
    background: #fff;
    cursor: default
}

.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    background: transparent;
    z-index: 10;
    cursor: pointer
}

.fancybox-close-small:after {
    content: '×';
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    border-radius: 50%;
    border-width: 0;
    background: #fff;
    transition: background .25s;
    box-sizing: border-box;
    z-index: 2
}

.fancybox-close-small:focus:after {
    outline: 1px dotted #888
}

.fancybox-close-small:hover:after {
    color: #555;
    background: #eee
}

.fancybox-slide--iframe .fancybox-close-small {
    top: 0;
    right: -44px
}

.fancybox-slide--iframe .fancybox-close-small:after {
    background: transparent;
    font-size: 35px;
    color: #aaa
}

.fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #fff
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 30px 0 30px;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
    pointer-events: none
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 14px;
    font-family: "Myriad Pro", "Helvetica", "arial", "メイリオ", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    body color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none
}

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all
}

.fancybox-caption a {
    color: #fff;
    text-decoration: underline
}

.fancybox-button {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background: transparent;
    color: #ddd;
    border-radius: 0;
    cursor: pointer;
    vertical-align: top;
    outline: none
}

.fancybox-button[disabled] {
    cursor: default;
    pointer-events: none
}

.fancybox-infobar__body,
.fancybox-button {
    background: rgba(30, 30, 30, 0.6)
}

.fancybox-button:hover:not([disabled]) {
    color: #fff;
    background: rgba(0, 0, 0, 0.8)
}

.fancybox-button::before,
.fancybox-button::after {
    content: '';
    pointer-events: none;
    position: absolute;
    background-color: currentColor;
    color: currentColor;
    opacity: 0.9;
    box-sizing: border-box;
    display: inline-block
}

.fancybox-button[disabled]::before,
.fancybox-button[disabled]::after {
    opacity: 0.3
}

.fancybox-button--left::after,
.fancybox-button--right::after {
    top: 18px;
    width: 6px;
    height: 6px;
    background: transparent;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor
}

.fancybox-button--left::after {
    left: 20px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.fancybox-button--right::after {
    right: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--left {
    border-bottom-left-radius: 5px
}

.fancybox-button--right {
    border-bottom-right-radius: 5px
}

.fancybox-button--close::before,
.fancybox-button--close::after {
    content: '';
    display: inline-block;
    position: absolute;
    height: 2px;
    width: 16px;
    top: calc(50% - 1px);
    left: calc(50% - 8px)
}

.fancybox-button--close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fancybox-button--close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.fancybox-arrow {
    position: absolute;
    top: 50%;
    margin: -50px 0 0 0;
    height: 100px;
    width: 54px;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    cursor: pointer;
    z-index: 99995;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .25s
}

.fancybox-arrow::after {
    content: '';
    position: absolute;
    top: 28px;
    width: 44px;
    height: 44px;
    background-color: rgba(30, 30, 30, 0.8);
    background-image: url(../fonts/05343eb6dd3748efb354f258df0405d6.woff);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px
}

.fancybox-arrow--right {
    right: 0
}

.fancybox-arrow--left {
    left: 0;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.fancybox-arrow--right::after,
.fancybox-arrow--left::after {
    left: 0
}

.fancybox-show-nav .fancybox-arrow {
    opacity: 0.6
}

.fancybox-show-nav .fancybox-arrow[disabled] {
    opacity: 0.3
}

.fancybox-slide>.fancybox-loading {
    border: 6px solid rgba(100, 100, 100, 0.4);
    border-top: 6px solid rgba(255, 255, 255, 0.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: fancybox-rotate .8s infinite linear;
    animation: fancybox-rotate .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 0
}

.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1
}

.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0
}

.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-width: 800px) {
    .fancybox-infobar {
        left: 0;
        margin-left: 0
    }

    .fancybox-button--left,
    .fancybox-button--right {
        display: none !important
    }

    .fancybox-caption {
        padding: 20px 0;
        margin: 0
    }
}

.fancybox-button--fullscreen::before {
    width: 15px;
    height: 11px;
    left: calc(50% - 7px);
    top: calc(50% - 6px);
    border: 2px solid;
    background: none
}

.fancybox-button--play::before,
.fancybox-button--pause::before {
    top: calc(50% - 6px);
    left: calc(50% - 4px);
    background: transparent
}

.fancybox-button--play::before {
    width: 0;
    height: 0;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left: 10px solid;
    border-radius: 1px
}

.fancybox-button--pause::before {
    width: 7px;
    height: 11px;
    border-style: solid;
    border-width: 0 2px 0 2px
}

.fancybox-thumbs {
    display: none
}

.fancybox-button--thumbs {
    display: none
}

@media all and (min-width: 800px) {
    .fancybox-button--thumbs {
        display: inline-block
    }

    .fancybox-button--thumbs span {
        font-size: 23px
    }

    .fancybox-button--thumbs::before {
        width: 3px;
        height: 3px;
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0
    }

    .fancybox-thumbs {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        width: 220px;
        margin: 0;
        padding: 5px 5px 0 0;
        background: #fff;
        word-break: normal;
        -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        box-sizing: border-box;
        z-index: 99995
    }

    .fancybox-show-thumbs .fancybox-thumbs {
        display: block
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 220px
    }

    .fancybox-thumbs>ul {
        list-style: none;
        position: absolute;
        position: relative;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
        font-size: 0
    }

    .fancybox-thumbs>ul>li {
        float: left;
        overflow: hidden;
        max-width: 50%;
        padding: 0;
        margin: 0;
        width: 105px;
        height: 75px;
        position: relative;
        cursor: pointer;
        outline: none;
        border: 5px solid transparent;
        border-top-width: 0;
        border-right-width: 0;
        -webkit-tap-highlight-color: transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        box-sizing: border-box
    }

    li.fancybox-thumbs-loading {
        background: rgba(0, 0, 0, 0.1)
    }

    .fancybox-thumbs>ul>li>img {
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
        max-width: none;
        max-height: none;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .fancybox-thumbs>ul>li:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 2px;
        border: 4px solid #4ea7f9;
        z-index: 99991;
        opacity: 0;
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94)
    }

    .fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
        opacity: 1
    }
}

.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

.autocomplete-suggestion {
    position: relative;
    padding: 0 .6em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.02em;
    color: #333
}

.autocomplete-suggestion b {
    font-weight: normal;
    color: #1f8dd6
}

.autocomplete-suggestion.selected {
    background: #f0f0f0
}

.interval-switcher-container {
    display: flex;
    align-items: center;
    justify-content: center
}

.interval-switcher-container .text {
    color: #fff;
    font-weight: 400;
    flex: 1
}

.label-year p,
.label-month p,
.interval-switcher-container label {
    cursor: pointer
}

.interval-switcher-container .label-month {
    text-align: right
}

.interval-switcher-container .label-year span {
    opacity: 0.5
}

.label-year p,
.label-month p {
    display: inline-block;
    margin-bottom: 0px
}

.interval-switcher-label {
    margin: 0 22px;
    border: 2px solid #fff;
    border-radius: 76px;
    width: 80px;
    height: 32px;
    position: relative;
    transition: all 120ms linear
}

.interval-switcher-label .switch {
    display: block;
    background: #fff;
    width: 24px;
    height: 24px;
    border-radius: 56px;
    position: absolute;
    top: 4px;
    left: 4px;
    transition: all 120ms linear
}

.interval-switcher-container.rightNudge .switch {
    left: 8px
}

.interval-switcher-container.leftNudge .switch {
    left: 45px
}

.interval-switcher-label input:checked~.switch {
    left: 53px
}

.interval-switcher-label input {
    display: none
}

.interval-switcher-container[data-state='year'] .label-month:hover+label .switch {
    left: 48px
}

.interval-switcher-container[data-state='year'] label:hover .switch {
    left: 48px
}

.interval-switcher-container[data-state='month'] label:hover .switch {
    left: 8px
}

.comment-reply-container {
    position: absolute;
    top: 0px;
    right: 0px
}

ol.comment-list .children {
    margin-top: 40px;
    margin-left: 40px
}

ol.comment-list>li {
    position: relative;
    margin-top: 40px;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 40px
}

ol.comment-list>li:first-child {
    margin-top: 0px
}

@media only screen and (max-width: 47.9999em) {
    .comment-reply-container {
        position: relative;
        margin-top: 20px
    }

    ol.comment-list>li {
        margin-top: 20px;
        padding-bottom: 20px
    }

    ol.comment-list>li:first-child {
        margin-top: 0px
    }

    ol.comment-list .children {
        margin-top: 20px;
        margin-left: 0px
    }
}

#respond #submit {
    margin-top: 20px;
    cursor: pointer
}

#respond .heading--large small,
#respond #mobile-nav-overlay ul li a small,
#mobile-nav-overlay ul li #respond a small,
#respond .newsletter-promo .front .title small,
.newsletter-promo .front #respond .title small,
#respond .newsletter-promo .back .title small,
.newsletter-promo .back #respond .title small,
#respond .heading--large a,
#respond #mobile-nav-overlay ul li a a,
#mobile-nav-overlay ul li #respond a a,
#respond .newsletter-promo .front .title a,
.newsletter-promo .front #respond .title a,
#respond .newsletter-promo .back .title a,
.newsletter-promo .back #respond .title a {
    font-size: 16px
}

.comment #response {
    margin-top: 20px;
    margin-bottom: 20px
}

#respond {
    margin-top: 60px;
    margin-bottom: 60px
}

#respond a.link--purple--green--underline {
    color: #43414e !important;
    text-decoration: none !important;
    border-bottom: none !important
}

#respond a.link--purple--green--underline:before {
    border-bottom: 1px solid #43414e !important
}

code[class*="language-"],
pre[class*="language-"] {
    color: black;
    background: none;
    text-shadow: 0 1px white;
    font-family: "Myriad Pro", "Helvetica", "arial", "メイリオ", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    body text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*="language-"]::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"]::-moz-selection,
code[class*="language-"] ::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

pre[class*="language-"]::selection,
pre[class*="language-"] ::selection,
code[class*="language-"]::selection,
code[class*="language-"] ::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {

    code[class*="language-"],
    pre[class*="language-"] {
        text-shadow: none
    }
}

pre[class*="language-"] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto
}

:not(pre)>code[class*="language-"],
pre[class*="language-"] {
    background: #f5f2f0
}

:not(pre)>code[class*="language-"] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5)
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a
}

.token.function {
    color: #DD4A68
}

.token.regex,
.token.important,
.token.variable {
    color: #e90
}

.token.important,
.token.bold {
    font-weight: bold
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.8.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2017 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
.chosen-container {
    font-weight: 400;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chosen-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    width: 100%;
    background: #fff;
    box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.1);
    clip: rect(0, 0, 0, 0)
}

.chosen-container.chosen-with-drop .chosen-drop {
    clip: auto
}

.chosen-container a {
    cursor: pointer
}

.chosen-container .chosen-single {
    line-height: normal
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
    margin-right: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
    content: ":";
    padding-left: 2px;
    vertical-align: top
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="opacity:0.4" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="#484848" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" data-name="figures and interactions"><circle cx="10.63" cy="10.38" r="6.03"></circle><path d="M19.41 19.65l-4.16-4.16"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: -42px 1px;
    font-size: 1px
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="opacity:0.4" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="#484848" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" data-name="figures and interactions"><circle cx="10.63" cy="10.38" r="6.03"></circle><path d="M19.41 19.65l-4.16-4.16"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: 0px 2px;
    display: none
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type="text"] {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="opacity:0.4" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="#484848" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" data-name="figures and interactions"><circle cx="10.63" cy="10.38" r="6.03"></circle><path d="M19.41 19.65l-4.16-4.16"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: calc(100% - 4px) center
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    clip: rect(0, 0, 0, 0)
}

.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 240px;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 8px 11px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    background-color: #98D338;
    color: #fff
}

.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0 5px;
    width: 100%;
    height: auto;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
    background-image: linear-gradient(#eee 1%, #fff 15%);
    cursor: text
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 0;
    height: 25px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999;
    font-size: 100%;
    font-family: "Myriad Pro", "Helvetica", "arial", "メイリオ", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    body line-height: normal;
    border-radius: 0;
    width: 25px
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 5px 3px 0;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    max-width: 100%;
    border-radius: 3px;
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default
}

.chosen-container-multi .chosen-choices li.search-choice span {
    word-wrap: break-word
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="opacity:0.4" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="#484848" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" data-name="figures and interactions"><circle cx="10.63" cy="10.38" r="6.03"></circle><path d="M19.41 19.65l-4.16-4.16"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: -42px 1px;
    font-size: 1px
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    color: #666
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #222 !important
}

.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-rtl {
    text-align: right
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px
}

.chosen-rtl .chosen-choices li {
    float: right
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" style="opacity:0.4" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="#484848" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" data-name="figures and interactions"><circle cx="10.63" cy="10.38" r="6.03"></circle><path d="M19.41 19.65l-4.16-4.16"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: -30px -20px;
    direction: rtl
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px
}

.essb_links {
    margin-top: 0px !important;
    padding-top: 0px !important
}

.essb_links .essb_links_list {
    display: flex;
    flex-wrap: wrap
}

.essb_links .essb_links_list li {
    flex-basis: 33.33333333% !important;
    max-width: 33.33333333% !important
}

.essb_links .essb_links_list li a {
    margin: 10px 0 0 0
}

.essb_links .essb_links_list .essb_icon {
    margin-right: 6px !important
}

.essb_links .essb_links_list .essb_counter_inside {
    font-family: "Myriad Pro", "Helvetica", "arial", "メイリオ", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    body font-size: 16px;
    font-weight: 300
}

.essb-total-value,
.essb-total {
    display: inline !important
}

@media only screen and (max-width: 63.999em) {
    .widget-share-inner {
        max-width: 660px;
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        white-space: nowrap;
        align-items: center
    }

    .widget-share {
        z-index: 2222;
        position: fixed;
        bottom: 0px;
        left: 0px;
        padding: 10px 1rem;
        box-shadow: 0px 16px 40px 0px rgba(47, 47, 47, 0.32);
        width: 100%;
        overflow: scroll;
        box-sizing: border-box;
        background: #fff
    }

    .widget-share .essb_links .essb_links_list {
        flex-wrap: nowrap
    }

    .widget-share .heading--small,
    .widget-share .plan-box__name,
    .widget-share .plan-box--up-to,
    .widget-share .user-content h5,
    .user-content .widget-share h5 {
        font-size: 16px
    }

    .widget-share .widget-share__total {
        margin-right: 10px
    }

    .widget-share .essb_links .essb_links_list li a {
        margin: 0px !important
    }

    .widget-share .amount {
        display: flex;
        align-items: center;
        margin-right: 11px
    }

    .widget-share .amount svg {
        margin-right: 6px
    }

    .widget-share .essb-total {
        padding-right: 6px
    }

    .widget-share .essb_network_name {
        display: none !important
    }

    .essb_links {
        margin: 0px !important
    }

    .essb_links .essb_links_list li {
        flex-basis: auto !important;
        max-width: auto !important
    }
}

.animationBox {
    display: inline-block
}

#cookies-bar,
#cookies-settings-saved-bar {
    background: #44414E;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    width: 100%
}

@media only screen and (max-width: 48em) {
    .cookie-bar-content {
        display: block !important
    }

    .cookie-button {
        display: inline-block
    }

    p {
        margin-bottom: 20px
    }
}

.cookie-settings-details-toggle {
    cursor: pointer
}

.fancybox-container #cookie-settings {
    width: 700px
}

#cookie-settings .section-description {
    max-width: 700px
}

#in-post-navigation-nav {
    overflow: scroll
}

#in-post-navigation-nav.sticky {
    position: fixed
}

#in-post-navigation-nav li {
    margin: 11px 0
}

#in-post-navigation-nav a {
    text-decoration: none;
    color: #8d8a9e
}

#in-post-navigation-nav a.current {
    color: #43414e
}

#in-post-navigation-nav a.current:before {
    content: "\2192";
    padding-right: 6px
}

#in-post-navigation-content {
    overflow: scroll
}

#ptengine-toc {
    overflow: scroll;
    visibility: hidden;
    position: absolute;
    box-sizing: border-box;
    z-index: 999;
    background: #fff;
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    top: auto;
    z-index: 7777;
    height: calc(100vh - 56px)
}

#ptengine-toc .ptengine-toc-heading {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    margin: 0px;
    padding: 0px
}

#ptengine-toc.stuckTop {
    position: fixed;
    top: 56px
}

#ptengine-toc.stuckBottom {
    position: absolute;
    top: 0px
}

#ptengine-toc li {
    margin: 11px 0
}

#ptengine-toc ul a {
    text-decoration: none;
    color: #8d8a9e
}

#ptengine-toc ul a.current {
    color: #43414e
}

#ptengine-toc ul a.current:before {
    content: "\2192";
    padding-right: 6px
}

/*!
 *
 *         SimpleBar.js - v2.6.1
 *         Scrollbars, simpler.
 *         https://grsmto.github.io/simplebar/
 *
 *         Made by Adrien Grsmto from a fork by Jonathan Nicol
 *         Under MIT License
 *
 */
[data-simplebar] {
    position: relative;
    z-index: 0;
    overflow: hidden !important;
    max-height: inherit;
    -webkit-overflow-scrolling: touch
}

[data-simplebar="init"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.simplebar-scroll-content {
    overflow-x: hidden !important;
    overflow-y: scroll;
    min-width: 100% !important;
    max-height: inherit !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.simplebar-content {
    overflow-y: hidden !important;
    overflow-x: scroll;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    min-height: 100% !important
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 11px
}

.simplebar-scrollbar {
    position: absolute;
    right: 2px;
    width: 7px;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: black;
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

.simplebar-track:hover .simplebar-scrollbar:before,
.simplebar-track .simplebar-scrollbar.visible:before {
    opacity: 0.5;
    -webkit-transition: opacity 0 linear;
    transition: opacity 0 linear
}

.simplebar-track.vertical {
    top: 0
}

.simplebar-track.vertical .simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px
}

.simplebar-track.horizontal {
    left: 0;
    width: auto;
    height: 11px
}

.simplebar-track.horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.horizontal.simplebar-track .simplebar-scrollbar {
    right: auto;
    top: 2px;
    height: 7px;
    min-height: 0;
    min-width: 10px;
    width: auto
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade.tooltipster-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4)
}

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15)
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading 400ms
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }

    75% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating 600ms
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling 600ms
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid black;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: white;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: black
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: black
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: black
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: black
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

.tooltipster-sidetip.tooltipster-ptengine .tooltipster-box {
    border-radius: 0;
    border: 1px solid #E2E2E2;
    background: #fff
}

.tooltipster-sidetip.tooltipster-ptengine .tooltipster-content {
    color: inherit;
    padding: 20px;
    font-size: 14px;
    line-height: 1.7em
}

.tooltipster-sidetip.tooltipster-ptengine .tooltipster-arrow {
    height: 11px;
    margin-left: -11px;
    width: 22px
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-ptengine.tooltipster-right .tooltipster-arrow {
    height: 22px;
    margin-left: 0;
    margin-top: -11px;
    width: 11px
}

.tooltipster-sidetip.tooltipster-ptengine .tooltipster-arrow-background {
    border: 11px solid transparent
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #fff;
    top: 2px
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #fff;
    left: -2px
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #fff;
    left: 2px
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
    top: -2px
}

.tooltipster-sidetip.tooltipster-ptengine .tooltipster-arrow-border {
    border-width: 11px
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -13px
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-right .tooltipster-arrow-uncropped {
    left: -13px
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #E2E2E2
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #E2E2E2
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #E2E2E2
}

.tooltipster-sidetip.tooltipster-ptengine.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #E2E2E2
}

.tooltipster-offset:hover svg *,
.tooltipster:hover svg * {
    fill: #98D338 !important
}

svg.tooltipster {
    cursor: pointer
}

svg.tooltipster:hover * {
    fill: #98D338 !important
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("../images/owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-carousel {
    width: calc(100% - 40px)
}

.owl-theme .owl-nav {
    position: absolute;
    top: calc(50% - 16px);
    left: -55px;
    width: calc(100% + 100px);
    display: flex;
    justify-content: space-between
}

.owl-theme .owl-nav button {
    outline: none
}

.owl-theme .owl-next.disabled,
.owl-theme .owl-prev.disabled {
    opacity: 0.2;
    filter: grayscale(100%)
}

.widget-ptengine-promo {
    border: 1px solid #eee;
    padding: 20px
}

#ptengine-promo-widget__collapsable {
    overflow: hidden
}

.widget .ptengine-newsletter {
    border: 1px solid #eee;
    padding: 20px
}

.progress-tracker__line {
    display: flex;
    align-items: center
}

.progress-tracker__bar {
    height: 3px;
    flex: 1;
    background: rgba(255, 255, 255, 0.3)
}

.progress-tracker__bar div {
    height: 3px;
    width: 0%;
    background: #fff;
    transition: all 120ms linear
}

.progress-tracker__bar.done div {
    width: 100%
}

.progress-tracker__indicator {
    height: 14px;
    width: 14px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 28px
}

.progress-tracker__indicator.current {
    border: 3px solid #fff
}

.progress-tracker__indicator.done {
    background-color: #fff;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g id="44b462f6-363e-4551-afe7-bd60a84c5a49" data-name="figures and interactions"><polyline points="12.64 4.91 6.46 11.09 3.36 7.99" style="fill: none;stroke: #484848;stroke-linecap: round;stroke-linejoin: round;stroke-width: 2px"/></g></svg>');
    background-position: center center;
    border: 3px solid #fff
}

.progress-tracker__labels {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px
}

.progress-tracker__label {
    position: relative;
    transform: translateX(-14px);
    opacity: 0.6;
    transition: all 120ms linear
}

.progress-tracker__label.current {
    opacity: 1
}

.progress-tracker__label:first-of-type {
    position: relative;
    transform: translateX(calc(-50% + 7px))
}

.progress-tracker__label:last-of-type {
    position: relative;
    transform: translateX(calc(50% - 7px))
}

.ptengine-background {
    background-position: 150% 181px;
    background-size: 70%;
    background-repeat: no-repeat;
}

.ptengine-hero {
    height: 800px;
    width: calc(100% + 2px);
    margin-left: -1px;
    background-size: cover;
    position: relative;
    background-position: center center;
    display: flex;
    flex-direction: column
}

.ptengine-hero1 {
    height: 550px;
    width: calc(100% + 2px);
    margin-left: -1px;
    background-size: cover;
    position: relative;
    background-position: center center;
    display: flex;
    flex-direction: column
}

.ptengine-hero.ptengine-hero-small {
    height: 560px
}

.ptengine-hero .overlay {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    display: none
}

.ptengine-hero.masked .mask {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute
}

.ptengine-hero .show-sm-down.site-menu__hamburger {
    right: 0px
}

.ptengine-hero-content {
    position: relative;
    display: flex;
    margin-top: 100px;
    align-items: flex-start;
    flex: 1
}

.ptengine-hero-content.new .title {
    color: #76ca20;
    height: 56px;
    font-size: 20px;
    font-weight: 500;
    line-height: 56px;
}

.ptengine-hero-content .heading--huge {
    font-size: 32px;
    color: #091e42;
}

.ptengine-hero .heading--huge {
    position: relative;
    left: -3px;
}

@media only screen and (max-width: 48em) {
    .ptengine-hero {
        max-height: auto;
        min-height: 0px;
        margin-left: 0px;
        width: 100%;
        height: auto;
        display: block
    }

    .ptengine-hero.ptengine-hero-small {
        height: auto
    }

    .ptengine-hero .overlay {
        display: block
    }
    .ptengine-hero.pt-company-header-wrapper .overlay {
        opacity: 0;
    }

    .ptengine-hero-content {
        display: block;
        margin-top: 0px;
        padding: 20px;
    }
}

.hero-container {
    height: 100vh;
    width: calc(100% + 2px);
    margin-left: -1px;
    background-size: cover;
    position: relative;
    background-position: center center;
    display: flex;
    flex-direction: column;
    max-height: 1200px;
    min-height: 630px
}

.hero-menu {
    z-index: 2000;
    width: 100%
}

.hero-container>.container {
    width: 100%
}

.simple-table {
    width: 100%
}

.simple-table td,
.simple-table th {
    padding: 4px 10px
}

.simple-table thead th,
.simple-table thead td {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    text-align: left;
    padding-bottom: 10px
}

.simple-table tbody tr:first-child td {
    padding-top: 10px
}

.simple-table th {
    font-weight: 600
}

.minimal-table {
    width: 100%
}

.minimal-table td,
.minimal-table th {
    padding: 4px 18px
}

.minimal-table tr td:first-child,
.minimal-table tr th:first-child {
    padding-left: 0px
}

.minimal-table tr td:last-child,
.minimal-table tr th:last-child {
    right: 0px
}

.minimal-table thead th,
.minimal-table thead td {
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
    font-size: 90%
}

.minimal-table th {
    font-weight: 600
}

.in-page-nav {
    z-index: 7777
}

.in-page-nav.box,
.in-page-nav#respond {
    position: absolute
}

.in-page-nav li a {
    color: inherit;
    text-decoration: none
}

.in-page-nav li a:hover {
    color: #98D338
}

.in-page-nav li {
    margin: 8px 0
}

.in-page-nav .current:before {
    content: "\2192";
    margin-right: 4px
}

.in-page-nav .current a {
    font-weight: 600
}

.stickyPagenav--stuckTop #in-page-nav {
    position: fixed;
    top: 108px
}

.stickyPagenav--stuckBottom #in-page-nav {
    position: absolute
}

.circle-chart__circle {
    display: none;
    transform: rotate(-90deg);
    transform-origin: center
}

.circle-chart__info {
    opacity: 0;
    transform: translateY(0.3em)
}

.circle-chart--in-view .circle-chart__circle {
    display: block;
    animation: circle-chart-fill 2s reverse
}

.circle-chart--in-view .circle-chart__info {
    animation: circle-chart-appear 2s forwards
}

@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}

@keyframes circle-chart-appear {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.huge-search {
    background: #fff;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 11px 33px;
    border-radius: 32px
}

.huge-search input {
    font-size: 22px;
    font-weight: 200;
    padding-left: 0px;
    background: none
}

.card-slider {
    position: relative
}

.card-slider ul {
    width: 100%;
    position: relative;
    padding: 0;
    list-style-type: none
}

.card-slider li.box,
.card-slider li#respond {
    box-shadow: none
}

.card-slider li.box:last-child,
.card-slider li#respond:last-child,
.card-slider li.box:first-child,
.card-slider li#respond:first-child {
    box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.05)
}

.card-slider li {
    width: 100%;
    margin: 0;
    display: none;
    top: 0;
    left: 0;
    background: #fff;
    pointer-events: auto;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.card-slider li.shown {
    display: block
}

.image-slider li {
    cursor: pointer
}

.card-slider__next.hidden,
.card-slider__prev.hidden {
    opacity: 0
}

.card-slider__next {
    position: absolute;
    right: -46px;
    top: calc(50% - 14px);
    cursor: pointer;
    z-index: 3000;
    opacity: 1;
    transition: all 300ms linear
}

.card-slider__prev {
    position: absolute;
    left: -46px;
    top: calc(50% - 14px);
    cursor: pointer;
    z-index: 3000;
    opacity: 1;
    transition: all 300ms linear
}

.button,
.button--text--purple,
.button--text--green,
.button--text--white,
.button--ghost--white,
.plan-box--active .plan-box__button--active--ghost--white,
#site-menu--default .site-menu__nav a.login,
.newsletter-promo .back .button,

.comment-reply-link,
.plan-box--active .plan-box__button--active--ghost--gray,
.ptengine-pagination a.page-numbers:not(.next):not(.prev),
.button--ghost--green,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green,
.plan-box--active .plan-box__button--active--ghost--green,
.button--ghost--purple,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple,
.plan-box--active .plan-box__button--active--ghost--purple,
.ptengine-pagination a.next,
.ptengine-pagination a.prev,
#site-menu--hover .site-menu__nav a.login,
.button--green,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green,
.plan-box--active .plan-box__button--active--green,
.button--white,
.button--purple,
#respond #submit,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple,
.plan-box--active .plan-box__button--active--purple,
.plan-col:hover .plan-col__choose a,
.button--darkGray,
.ptengine-pagination span.current {
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    padding: 11px 33px;
    box-sizing: border-box;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    width: min-content;
    transition: all 120ms linear;
    white-space: nowrap;
    cursor: pointer
}

.button--ghost--gray {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    padding: 5px 33px;
    box-sizing: border-box;
    border-radius: 4px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    width: min-content;
    transition: all 120ms linear;
    white-space: nowrap;
    cursor: pointer
}

.button:not(.row):not(.boxes--alternating):not(.boxes--pair),
.button--text--purple:not(.row):not(.boxes--alternating):not(.boxes--pair),
.button--text--green:not(.row):not(.boxes--alternating):not(.boxes--pair),
.button--text--white:not(.row):not(.boxes--alternating):not(.boxes--pair),
.button--ghost--white:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-box--active .plan-box__button--active--ghost--white:not(.row):not(.boxes--alternating):not(.boxes--pair),
#site-menu--default .site-menu__nav a.login:not(.row):not(.boxes--alternating):not(.boxes--pair),
.button--ghost--gray:not(.row):not(.boxes--alternating):not(.boxes--pair),
.comment-reply-link:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-box--active .plan-box__button--active--ghost--gray:not(.row):not(.boxes--alternating):not(.boxes--pair),
.ptengine-pagination a.page-numbers:not(.row):not(.boxes--alternating):not(.boxes--pair):not(.next):not(.prev),
.button--ghost--green:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-box--active .plan-box__button--active--ghost--green:not(.row):not(.boxes--alternating):not(.boxes--pair),
.button--ghost--purple:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-box--active .plan-box__button--active--ghost--purple:not(.row):not(.boxes--alternating):not(.boxes--pair),
.ptengine-pagination a.next:not(.row):not(.boxes--alternating):not(.boxes--pair),
.ptengine-pagination a.prev:not(.row):not(.boxes--alternating):not(.boxes--pair),
#site-menu--hover .site-menu__nav a.login:not(.row):not(.boxes--alternating):not(.boxes--pair),
.button--green:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-box--active .plan-box__button--active--green:not(.row):not(.boxes--alternating):not(.boxes--pair),
.button--white:not(.row):not(.boxes--alternating):not(.boxes--pair),
.button--purple:not(.row):not(.boxes--alternating):not(.boxes--pair),
#respond #submit:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-box--active .plan-box__button--active--purple:not(.row):not(.boxes--alternating):not(.boxes--pair),
.plan-col:hover .plan-col__choose a:not(.row):not(.boxes--alternating):not(.boxes--pair),
.button--darkGray:not(.row):not(.boxes--alternating):not(.boxes--pair),
.ptengine-pagination span.current:not(.row):not(.boxes--alternating):not(.boxes--pair) {
    display: inline-block
}

.button.loading,
.loading.button--text--purple,
.loading.button--text--green,
.loading.button--text--white,
.loading.button--ghost--white,
.plan-box--active .loading.plan-box__button--active--ghost--white,
#site-menu--default .site-menu__nav a.loading.login,
.newsletter-promo .back .loading.button,
.loading.button--ghost--gray,
.loading.comment-reply-link,
.plan-box--active .loading.plan-box__button--active--ghost--gray,
.ptengine-pagination a.loading.page-numbers:not(.next):not(.prev),
.loading.button--ghost--green,
.plan-box:hover:not(.plan-box--active) .loading.plan-box__hover__button--ghost--green,
.plan-box--active .loading.plan-box__button--active--ghost--green,
.loading.button--ghost--purple,
.plan-box:hover:not(.plan-box--active) .loading.plan-box__hover__button--ghost--purple,
.plan-box--active .loading.plan-box__button--active--ghost--purple,
.ptengine-pagination a.loading.next,
.ptengine-pagination a.loading.prev,
#site-menu--hover .site-menu__nav a.loading.login,
.loading.button--green,
.plan-box:hover:not(.plan-box--active) .loading.plan-box__hover__button--green,
.plan-box--active .loading.plan-box__button--active--green,
.loading.button--white,
.loading.button--purple,
#respond .loading#submit,
.plan-box:hover:not(.plan-box--active) .loading.plan-box__hover__button--purple,
.plan-box--active .loading.plan-box__button--active--purple,
.plan-col:hover .plan-col__choose a.loading,
.loading.button--darkGray,
.ptengine-pagination span.loading.current {
    cursor: progress
}

.button--circle--50,
.ptengine-pagination a.page-numbers:not(.next):not(.prev),
.ptengine-pagination span.current {
    width: 50px;
    height: 50px;
    padding: 0px;
    text-align: center;
    line-height: 50px;
    border-radius: 100px
}

.button--full {
    width: 100%
}

@media only screen and (max-width: 47.999em) {
    .button--xs--full {
        width: 100%
    }
}

.button--small,
.comment-reply-link {
    padding: 6px 22px;
    font-size: 12px
}

.button--tiny,
.plan-col:hover .plan-col__choose a {
    padding: 4px 16px;
    font-size: 10px
}

.button--huge {
    padding: 24px 40px
}

.button--text--purple {
    border: 0px;
    padding: 0px;
    color: #98D338
}

.button--text--purple:hover,
.button--text--purple:focus {
    color: #98D338
}

.button--text--purple:hover svg *[stroke]:not([stroke=""]),
.button--text--purple:focus svg *[stroke]:not([stroke=""]) {
    stroke: #98D338
}

.button--text--purple:hover svg *[fill]:not([fill="none"]),
.button--text--purple:focus svg *[fill]:not([fill="none"]) {
    fill: #98D338
}

.button--white--text--hover:hover {
    color: #fff !important
}

.button--text--green {
    border: 0px;
    padding: 0px;
    color: #98D338
}

.button--text--white {
    border: 0px;
    padding: 0px;
    color: #fff
}

.button--ghost--white,
.plan-box--active .plan-box__button--active--ghost--white,
#site-menu--default .site-menu__nav a.login,
.newsletter-promo .back .button,
.newsletter-promo .back .button--text--purple,
.newsletter-promo .back .button--text--green,
.newsletter-promo .back .button--text--white,
.newsletter-promo .back .button--ghost--white,
.newsletter-promo .back .button--ghost--gray,
.newsletter-promo .back .comment-reply-link,
.newsletter-promo .back .plan-box--active .plan-box__button--active--ghost--gray,
.plan-box--active .newsletter-promo .back .plan-box__button--active--ghost--gray,
.newsletter-promo .back .ptengine-pagination a.page-numbers:not(.next):not(.prev),
.ptengine-pagination .newsletter-promo .back a.page-numbers:not(.next):not(.prev),
.newsletter-promo .back .button--ghost--green,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--ghost--green,
.newsletter-promo .back .plan-box--active .plan-box__button--active--ghost--green,
.plan-box--active .newsletter-promo .back .plan-box__button--active--ghost--green,
.newsletter-promo .back .button--ghost--purple,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--ghost--purple,
.newsletter-promo .back .plan-box--active .plan-box__button--active--ghost--purple,
.plan-box--active .newsletter-promo .back .plan-box__button--active--ghost--purple,
.newsletter-promo .back .ptengine-pagination a.next,
.ptengine-pagination .newsletter-promo .back a.next,
.newsletter-promo .back .ptengine-pagination a.prev,
.ptengine-pagination .newsletter-promo .back a.prev,
.newsletter-promo .back #site-menu--hover .site-menu__nav a.login,
#site-menu--hover .site-menu__nav .newsletter-promo .back a.login,
.newsletter-promo .back .button--green,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--green,
.newsletter-promo .back .plan-box--active .plan-box__button--active--green,
.plan-box--active .newsletter-promo .back .plan-box__button--active--green,
.newsletter-promo .back .button--white,
.newsletter-promo .back .button--purple,
.newsletter-promo .back #respond #submit,
#respond .newsletter-promo .back #submit,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--purple,
.newsletter-promo .back .plan-box--active .plan-box__button--active--purple,
.plan-box--active .newsletter-promo .back .plan-box__button--active--purple,
.newsletter-promo .back .plan-col:hover .plan-col__choose a,
.plan-col:hover .plan-col__choose .newsletter-promo .back a,
.newsletter-promo .back .button--darkGray,
.newsletter-promo .back .ptengine-pagination span.current,
.ptengine-pagination .newsletter-promo .back span.current {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.button--ghost--white:hover,
.plan-box--active .plan-box__button--active--ghost--white:hover,
#site-menu--default .site-menu__nav a.login:hover,
.newsletter-promo .back .button:hover,
.newsletter-promo .back .button--text--purple:hover,
.newsletter-promo .back .button--text--green:hover,
.newsletter-promo .back .button--text--white:hover,
.newsletter-promo .back .button--ghost--white:hover,
.newsletter-promo .back .button--ghost--gray:hover,
.newsletter-promo .back .comment-reply-link:hover,
.newsletter-promo .back .plan-box--active .plan-box__button--active--ghost--gray:hover,
.plan-box--active .newsletter-promo .back .plan-box__button--active--ghost--gray:hover,
.newsletter-promo .back .ptengine-pagination a.page-numbers:hover:not(.next):not(.prev),
.ptengine-pagination .newsletter-promo .back a.page-numbers:hover:not(.next):not(.prev),
.newsletter-promo .back .button--ghost--green:hover,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:hover,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--ghost--green:hover,
.newsletter-promo .back .plan-box--active .plan-box__button--active--ghost--green:hover,
.plan-box--active .newsletter-promo .back .plan-box__button--active--ghost--green:hover,
.newsletter-promo .back .button--ghost--purple:hover,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:hover,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--ghost--purple:hover,
.newsletter-promo .back .plan-box--active .plan-box__button--active--ghost--purple:hover,
.plan-box--active .newsletter-promo .back .plan-box__button--active--ghost--purple:hover,
.newsletter-promo .back .ptengine-pagination a.next:hover,
.ptengine-pagination .newsletter-promo .back a.next:hover,
.newsletter-promo .back .ptengine-pagination a.prev:hover,
.ptengine-pagination .newsletter-promo .back a.prev:hover,
.newsletter-promo .back #site-menu--hover .site-menu__nav a.login:hover,
#site-menu--hover .site-menu__nav .newsletter-promo .back a.login:hover,
.newsletter-promo .back .button--green:hover,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green:hover,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--green:hover,
.newsletter-promo .back .plan-box--active .plan-box__button--active--green:hover,
.plan-box--active .newsletter-promo .back .plan-box__button--active--green:hover,
.newsletter-promo .back .button--white:hover,
.newsletter-promo .back .button--purple:hover,
.newsletter-promo .back #respond #submit:hover,
#respond .newsletter-promo .back #submit:hover,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:hover,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--purple:hover,
.newsletter-promo .back .plan-box--active .plan-box__button--active--purple:hover,
.plan-box--active .newsletter-promo .back .plan-box__button--active--purple:hover,
.newsletter-promo .back .plan-col:hover .plan-col__choose a:hover,
.plan-col:hover .plan-col__choose .newsletter-promo .back a:hover,
.newsletter-promo .back .button--darkGray:hover,
.newsletter-promo .back .ptengine-pagination span.current:hover,
.ptengine-pagination .newsletter-promo .back span.current:hover,
.button--ghost--white:focus,
.plan-box--active .plan-box__button--active--ghost--white:focus,
#site-menu--default .site-menu__nav a.login:focus,
.newsletter-promo .back .button:focus,
.newsletter-promo .back .button--text--purple:focus,
.newsletter-promo .back .button--text--green:focus,
.newsletter-promo .back .button--text--white:focus,
.newsletter-promo .back .button--ghost--white:focus,
.newsletter-promo .back .button--ghost--gray:focus,
.newsletter-promo .back .comment-reply-link:focus,
.newsletter-promo .back .plan-box--active .plan-box__button--active--ghost--gray:focus,
.plan-box--active .newsletter-promo .back .plan-box__button--active--ghost--gray:focus,
.newsletter-promo .back .ptengine-pagination a.page-numbers:focus:not(.next):not(.prev),
.ptengine-pagination .newsletter-promo .back a.page-numbers:focus:not(.next):not(.prev),
.newsletter-promo .back .button--ghost--green:focus,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:focus,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--ghost--green:focus,
.newsletter-promo .back .plan-box--active .plan-box__button--active--ghost--green:focus,
.plan-box--active .newsletter-promo .back .plan-box__button--active--ghost--green:focus,
.newsletter-promo .back .button--ghost--purple:focus,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:focus,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--ghost--purple:focus,
.newsletter-promo .back .plan-box--active .plan-box__button--active--ghost--purple:focus,
.plan-box--active .newsletter-promo .back .plan-box__button--active--ghost--purple:focus,
.newsletter-promo .back .ptengine-pagination a.next:focus,
.ptengine-pagination .newsletter-promo .back a.next:focus,
.newsletter-promo .back .ptengine-pagination a.prev:focus,
.ptengine-pagination .newsletter-promo .back a.prev:focus,
.newsletter-promo .back #site-menu--hover .site-menu__nav a.login:focus,
#site-menu--hover .site-menu__nav .newsletter-promo .back a.login:focus,
.newsletter-promo .back .button--green:focus,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green:focus,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--green:focus,
.newsletter-promo .back .plan-box--active .plan-box__button--active--green:focus,
.plan-box--active .newsletter-promo .back .plan-box__button--active--green:focus,
.newsletter-promo .back .button--white:focus,
.newsletter-promo .back .button--purple:focus,
.newsletter-promo .back #respond #submit:focus,
#respond .newsletter-promo .back #submit:focus,
.newsletter-promo .back .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:focus,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .back .plan-box__hover__button--purple:focus,
.newsletter-promo .back .plan-box--active .plan-box__button--active--purple:focus,
.plan-box--active .newsletter-promo .back .plan-box__button--active--purple:focus,
.newsletter-promo .back .plan-col:hover .plan-col__choose a:focus,
.plan-col:hover .plan-col__choose .newsletter-promo .back a:focus,
.newsletter-promo .back .button--darkGray:focus,
.newsletter-promo .back .ptengine-pagination span.current:focus,
.ptengine-pagination .newsletter-promo .back span.current:focus {
    color: #444;
    background-color: #98D338;
    border-color: #98D338
}

.button--ghost--gray,
.comment-reply-link,
.plan-box--active .plan-box__button--active--ghost--gray,
.ptengine-pagination a.page-numbers:not(.next):not(.prev) {
    color: inherit;
    border-color: #f4f4f4;
    background-color: transparent
}

.button--ghost--gray:hover,
.button--ghost--gray:focus {
    border-width: 1px;
    color: #fff;
    text-decoration: none;
    background-color: #8ac628;
    border-color: #8ac628;
}

.comment-reply-link:hover,
.plan-box--active .plan-box__button--active--ghost--gray:hover,
.ptengine-pagination a.page-numbers:hover:not(.next):not(.prev),
.button--ghost--gray:focus,
.comment-reply-link:focus,
.plan-box--active .plan-box__button--active--ghost--gray:focus,
.ptengine-pagination a.page-numbers:focus:not(.next):not(.prev) {
    color: #fff;
    background-color: #98D338;
    border-color: #98D338
}

.button--ghost--green,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green,
.plan-box--active .plan-box__button--active--ghost--green {
    color: #98D338;
    border-color: #98D338;
    background-color: transparent
}

.button--ghost--green:hover,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:hover,
.plan-box--active .plan-box__button--active--ghost--green:hover,
.button--ghost--green:focus,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:focus,
.plan-box--active .plan-box__button--active--ghost--green:focus {
    color: #444;
    background-color: #98D338;
    border-color: #98D338
}

.button--ghost--purple,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple,
.plan-box--active .plan-box__button--active--ghost--purple,
.ptengine-pagination a.next,
.ptengine-pagination a.prev,
#site-menu--hover .site-menu__nav a.login {
    color: #98D338;
    border-color: #98D338;
    background-color: transparent
}

.button--ghost--purple:hover,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:hover,
.plan-box--active .plan-box__button--active--ghost--purple:hover,
.ptengine-pagination a.next:hover,
.ptengine-pagination a.prev:hover,
#site-menu--hover .site-menu__nav a.login:hover,
.button--ghost--purple:focus,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:focus,
.plan-box--active .plan-box__button--active--ghost--purple:focus,
.ptengine-pagination a.next:focus,
.ptengine-pagination a.prev:focus,
#site-menu--hover .site-menu__nav a.login:focus {
    color: #fff;
    background-color: #98D338;
    border-color: #98D338
}

.button--ghost--purple.active,
.plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple,
.plan-box--active .active.plan-box__button--active--ghost--purple,
.ptengine-pagination a.active.next,
.ptengine-pagination a.active.prev,
#site-menu--hover .site-menu__nav a.active.login,
.button--ghost--purple.active:hover,
.plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple:hover,
.plan-box--active .active.plan-box__button--active--ghost--purple:hover,
.ptengine-pagination a.active.next:hover,
.ptengine-pagination a.active.prev:hover,
#site-menu--hover .site-menu__nav a.active.login:hover {
    color: #98D338;
    border-color: #98D338;
    background-color: transparent
}

.button--ghost--purple.active svg *[stroke]:not([stroke=""]),
.plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple svg *[stroke]:not([stroke=""]),
.plan-box--active .active.plan-box__button--active--ghost--purple svg *[stroke]:not([stroke=""]),
.ptengine-pagination a.active.next svg *[stroke]:not([stroke=""]),
.ptengine-pagination a.active.prev svg *[stroke]:not([stroke=""]),
#site-menu--hover .site-menu__nav a.active.login svg *[stroke]:not([stroke=""]),
.button--ghost--purple.active:hover svg *[stroke]:not([stroke=""]),
.plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple:hover svg *[stroke]:not([stroke=""]),
.plan-box--active .active.plan-box__button--active--ghost--purple:hover svg *[stroke]:not([stroke=""]),
.ptengine-pagination a.active.next:hover svg *[stroke]:not([stroke=""]),
.ptengine-pagination a.active.prev:hover svg *[stroke]:not([stroke=""]),
#site-menu--hover .site-menu__nav a.active.login:hover svg *[stroke]:not([stroke=""]) {
    stroke: #98D338
}

.button--ghost--purple.active svg *[fill]:not([fill="none"]),
.plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple svg *[fill]:not([fill="none"]),
.plan-box--active .active.plan-box__button--active--ghost--purple svg *[fill]:not([fill="none"]),
.ptengine-pagination a.active.next svg *[fill]:not([fill="none"]),
.ptengine-pagination a.active.prev svg *[fill]:not([fill="none"]),
#site-menu--hover .site-menu__nav a.active.login svg *[fill]:not([fill="none"]),
.button--ghost--purple.active:hover svg *[fill]:not([fill="none"]),
.plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple:hover svg *[fill]:not([fill="none"]),
.plan-box--active .active.plan-box__button--active--ghost--purple:hover svg *[fill]:not([fill="none"]),
.ptengine-pagination a.active.next:hover svg *[fill]:not([fill="none"]),
.ptengine-pagination a.active.prev:hover svg *[fill]:not([fill="none"]),
#site-menu--hover .site-menu__nav a.active.login:hover svg *[fill]:not([fill="none"]) {
    fill: #98D338
}

.button--ghost--purple.loading,
.plan-box:hover:not(.plan-box--active) .loading.plan-box__hover__button--ghost--purple,
.plan-box--active .loading.plan-box__button--active--ghost--purple,
.ptengine-pagination a.loading.next,
.ptengine-pagination a.loading.prev,
#site-menu--hover .site-menu__nav a.loading.login {
    background-color: #98D338;
    color: #fff;
    position: relative;
    padding-right: 52px
}

@media only screen and (max-width: 48em) {
    .xs--button--ghost--purple {
        border-width: 2px;
        border-style: solid;
        border-color: transparent;
        padding: 11px 33px;
        box-sizing: border-box;
        border-radius: 80px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 400;
        width: min-content;
        transition: all 120ms linear;
        white-space: nowrap;
        cursor: pointer;
        color: #98D338;
        border-color: #98D338;
        background-color: transparent
    }

    .xs--button--ghost--purple:not(.row):not(.boxes--alternating):not(.boxes--pair) {
        display: inline-block
    }

    .xs--button--ghost--purple.loading {
        cursor: progress
    }

    .xs--button--ghost--purple:hover,
    .xs--button--ghost--purple:focus {
        color: #fff;
        background-color: #98D338;
        border-color: #98D338
    }

    .xs--button--ghost--purple.active,
    .xs--button--ghost--purple.active:hover {
        color: #98D338;
        border-color: #98D338;
        background-color: transparent
    }

    .xs--button--ghost--purple.active svg *[stroke]:not([stroke=""]),
    .xs--button--ghost--purple.active:hover svg *[stroke]:not([stroke=""]) {
        stroke: #98D338
    }

    .xs--button--ghost--purple.active svg *[fill]:not([fill="none"]),
    .xs--button--ghost--purple.active:hover svg *[fill]:not([fill="none"]) {
        fill: #98D338
    }

    .xs--button--ghost--purple.loading {
        background-color: #98D338;
        color: #fff;
        position: relative;
        padding-right: 52px
    }
}

.button--green,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green,
.plan-box--active .plan-box__button--active--green {
    color: #444;
    background-color: #fff;
    border-color: #fff;
    min-width: 200px;
    text-align: center;
    background-image: none !important;
}

.button--green:hover,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green:hover,
.plan-box--active .plan-box__button--active--green:hover,
.button--green:focus,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green:focus,
.plan-box--active .plan-box__button--active--green:focus {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.button--white {
    color: #43414e;
    background-color: #fff;
    border-color: #fff
}

.button--white:hover,
.button--white:focus {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
    text-decoration: none;
}

.button--white:hover svg *[fill]:not([fill="none"]),
.button--white:focus svg *[fill]:not([fill="none"]) {
    fill: #fff
}

.button--white.loading {
    background-color: #fff;
    color: #fff;
    position: relative;
    padding-right: 52px
}

.button--white.button--hoverghost:hover,
.button--white.button--hoverghost:focus {
    color: #fff !important;
    border-color: #fff !important;
    background-color: transparent !important
}

.button--purple,
    {
    min-width: 200px;
    text-align: center;
}

.button--purple,
#respond #submit,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple,
.plan-box--active .plan-box__button--active--purple,
.plan-col:hover .plan-col__choose a {
    color: #fff;
    background-color: #98D338;
    border-color: #98D338;

}

.button--purple:hover,
#respond #submit:hover,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:hover,
.plan-box--active .plan-box__button--active--purple:hover,
.plan-col:hover .plan-col__choose a:hover,
.button--purple:focus,
#respond #submit:focus,
.plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:focus,
.plan-box--active .plan-box__button--active--purple:focus,
.plan-col:hover .plan-col__choose a:focus {
    color: #98D338;
    border-color: #98D338;
    background-color: transparent
}

.button--purple.loading,
#respond .loading#submit,
.plan-box:hover:not(.plan-box--active) .loading.plan-box__hover__button--purple,
.plan-box--active .loading.plan-box__button--active--purple,
.plan-col:hover .plan-col__choose a.loading {
    background-color: #98D338;
    color: #fff;
    position: relative;
    padding-right: 52px
}

.button--purple.button--hoverghost:hover,
#respond .button--hoverghost#submit:hover,
.plan-box:hover:not(.plan-box--active) .button--hoverghost.plan-box__hover__button--purple:hover,
.plan-box--active .button--hoverghost.plan-box__button--active--purple:hover,
.plan-col:hover .plan-col__choose a.button--hoverghost:hover,
.button--purple.button--hoverghost:focus,
#respond .button--hoverghost#submit:focus,
.plan-box:hover:not(.plan-box--active) .button--hoverghost.plan-box__hover__button--purple:focus,
.plan-box--active .button--hoverghost.plan-box__button--active--purple:focus,
.plan-col:hover .plan-col__choose a.button--hoverghost:focus {
    color: #fff !important;
    border-color: #98D338 !important;
    background-color: transparent !important
}

.button--darkGray {
    color: #fff;
    background-color: #3B3A43;
    border-color: #3B3A43
}

.button--darkGray:hover,
.button--darkGray:focus {
    color: #3B3A43;
    border-color: #3B3A43;
    background-color: transparent
}

.button--darkGray.loading {
    background-color: #3B3A43;
    color: #fff;
    position: relative;
    padding-right: 52px
}

.button--darkGray.button--hoverghost:hover,
.button--darkGray.button--hoverghost:focus {
    color: #fff !important;
    border-color: #fff !important;
    background-color: transparent !important
}

.step {
    width: 30px;
    height: 30px;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.step--purple {
    background: #98D338;
    color: #fff
}

.box,
#respond {
    padding: 40px;
    background: #fff;
    box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.1);
    box-sizing: border-box;
    position: relative;
    transition: all 200ms linear;
    overflow: hidden;
}

.box,
#homepage {
    padding: 0 40px;
    background: #fff;
    box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.1);
    box-sizing: border-box;
    position: relative;
    transition: all 200ms linear;
    overflow: hidden;
}

#homepage .quote__content {
    flex: 1;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 58px 66px 58px 112px
}

#homepage .quote__text {
    font-weight: 600;
}

.box-radius--12 {
    border-radius: 12px
}

.box--noshaddow {
    box-shadow: none
}

.box--padding--60 {
    padding: 60px
}

.box--padding--20 {
    padding: 20px
}

.box--padding--0 {
    padding: 0px
}

.box--padding--20-40 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px
}

@media only screen and (max-width: 47em) {
    .box--padding-xs-20 {
        padding-left: 20px;
        padding-right: 20px
    }

    .box--vpadding-xs-20 {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.box--padding--0 {
    padding: 0px
}

.box--padding--top--20 {
    padding-top: 20px
}

.box--inline {
    display: inline-block
}

.boxes--alternating .box,
.boxes--alternating #respond {
    width: 58%;
    margin-top: -35px
}

.boxes--alternating .box:last-of-type,
.boxes--alternating #respond:last-of-type {
    margin-top: 0px
}

.boxes--alternating .box:nth-of-type(odd),
.boxes--alternating #respond:nth-of-type(odd) {
    margin-left: 42%
}

@media only screen and (min-width: 47.9999em) and (max-width: 71.999em) {

    .boxes--alternating .box,
    .boxes--alternating #respond {
        width: 80%;
        margin-top: 20px;
        margin-left: -20px
    }

    .boxes--alternating .box:last-of-type,
    .boxes--alternating #respond:last-of-type {
        margin-top: 0px
    }

    .boxes--alternating .box:nth-of-type(odd),
    .boxes--alternating #respond:nth-of-type(odd) {
        margin-left: calc(20% + 20px)
    }
}

@media only screen and (max-width: 47.9999em) {

    .boxes--alternating .box,
    .boxes--alternating #respond {
        width: 100%;
        margin-top: 20px;
        margin-left: 0px
    }

    .boxes--alternating .box:last-of-type,
    .boxes--alternating #respond:last-of-type {
        margin-top: 0px
    }

    .boxes--alternating .box:nth-of-type(odd),
    .boxes--alternating #respond:nth-of-type(odd) {
        margin-left: 0px
    }
}

.boxes--pair .box,
.boxes--pair #respond {
    flex: 1;
    position: relative
}

.boxes--pair .box:last-child,
.boxes--pair #respond:last-child {
    top: 17px
}

.box--hoverfocus:hover {
    box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.21)
}

.engage,
.accordion {
    position: relative;
    padding-left: 86px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.engage.new,
.accordion.new {
    padding-left: 22px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.engage:not(.now-active-accordion):hover,
.accordion:not(.now-active-accordion):hover {
    background-color: #F6F2EE;
    border-radius: 4px;
}

.engage:first-child,
.accordion:first-child {
    margin-top: 0px
}

.engage input,
.accordion input {
    display: none
}

.accordion__title {
    line-height: 24px;
    height: 24px;
    color: #091E42;
}

.accordion__title label {
    display: block;
    cursor: pointer
}

.accordion__title:hover {
    color: #344563;
}

:focus {
    outline: none !important;
}

/* input:checked~.accordion__title {
    color: #344563;
} */

.accordion--dark input:checked~.accordion__title {
    color: #fff
}

.accordion label {
    position: relative;
    outline: none;
}

.accordion__content {
    padding-top: 22px;
    color: #091E42;
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
    font-size: 16px;
    line-height: 28px;
}

.accordion label:before {
    display: block;
    content: ' ';
    position: absolute;
    /* top: 7px; */
    left: -47px;
    /* background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 7 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"><polyline stroke-width="2" stroke="#98D338" id="Shape" points="0.652 8.702 4.572 4.849 0.652 0.996"></polyline></g></svg>'); */
    background-repeat: no-repeat
}

.update-container .engage label:before,
.update-container .accordion label:before {
    display: block;
    content: none;
    position: absolute;
    top: 7px;
    left: -22px;
    width: 10px;
    height: 10px;
   /*  background-image: url('../fonts/bc0dca8c6b6748cd9804350096e8213b.woff'); */
    /* background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 7 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"><polyline stroke-width="2" stroke="#98D338" id="Shape" points="0.652 8.702 4.572 4.849 0.652 0.996"></polyline></g></svg>'); */
    background-repeat: no-repeat
}

.accordion-insight:before {
    background-image: url("../fonts/icon-hp-insight.svg");
    height: 25px;
    width: 25px;
}

.accordion-engage:before {
    background-image: url("../fonts/icon-hp-engage.svg");
    height: 27px;
    width: 27px;
}

.accordion-data-platform:before {
    background-image: url("../fonts/icon-hp-dataplatform.svg");
    height: 32px;
    width: 30px;
}

.accordion-more {
    display: block;
    color: #091E42;
    font-size: 14px;
    margin-top: 22px;
    font-weight: 500;
}

.accordion-more:hover {
    color: #091E42;
}

.accordion-more-arrow {
    width: 33px;
}

.accordion-title-arrow {
    margin-left: 10px;
    margin-bottom: 2px;
    width: 10px;
    /* height: 4px;
    width: 8px; */
}
.accordion__title label:before {
    transition: all 200ms linear
}

input:checked~.accordion__title .accordion-title-arrow {
    transform: rotate(180deg)
}

.accordion.accordion--arrow-right {
    padding-left: 0px
}

.accordion.accordion--arrow-right label:before {
    left: auto;
    right: 0px
}

.accordion.accordion--dark label:before {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 7 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"><polyline stroke-width="2" stroke="#fff" id="Shape" points="0.652 8.702 4.572 4.849 0.652 0.996"></polyline></g></svg>')
}

.accordion--sm-only .accordion__content {
    display: block
}

.accordion--sm-only label:before {
    display: none
}

@media only screen and (max-width: 48em) {
    .accordion--sm-only label:before {
        display: block
    }

    .accordion--sm-only .accordion__content {
        display: none
    }

    .accordion--sm-only input:checked~.accordion__content {
        display: block
    }
}

.screen {
    padding: 10px;
}

.screen--blue-shadow {
    box-shadow: 0px 5px 125px 30px rgba(204, 219, 238, 0.4)
}

@media only screen and (max-width: 48em) {
    .screen {
        padding: 11px;
        padding-top: 24px;
        border-radius: 11px;
        background-repeat: no-repeat;
        background-position: 16px 9px
    }
}

.plan-box {
    padding: 50px 22px 33px;
    min-height: 410px;
    text-align: center
}

.plan-box__flag {
    display: none;
    position: absolute;
    width: 100%;
    left: 0px
}

.plan-box__flag svg {
    position: absolute;
    top: -9px;
    left: 0px
}

.plan-box__flag div {
    box-sizing: border-box;
    top: -43px;
    position: relative;
    height: auto;
    width: 100%;
    padding: 6px 6px 6px 14px;
    background: #33A3D7;
    color: #fff;
    font-size: 12px;
    left: -11px
}

.plan-box--active .plan-box__flag {
    display: block
}

.plan-box__amount {
    font-size: 45px;
    letter-spacing: -2px;
    font-weight: 900
}

body[data-interval="year"] .plan-box__amount {
    font-size: 46px
}

@media only screen and (max-width: 72em) {
    body[data-interval="year"] .plan-box__amount {
        font-size: 36px
    }
}

.price--year {
    display: none
}

.interval-year .price--year {
    display: block
}

.interval-year .price--month {
    display: none
}

.plan-box__interval {
    font-size: 17px;
    margin-left: 2px
}

.plan-box__price {
    height: 58px;
    margin: 20px 0 0 0;
    line-height: 58px;
    font-size: 20px;
}

.plan-box--up-to {
    position: relative;
    bottom: -20px
}

.plan-box__price--more {
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    position: relative;
    top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.plan-box__price--more small {
    font-size: 17px;
    font-weight: 400
}

.plan-box__details {
    margin-top: 60px;
    margin-bottom: 40px
}

.plan-box__details li {
    line-height: 24px;
    color: #344563;
    font-size: 16px;
}

.plan-box__details li:first-child {
    margin-top: 0px
}

.plan-box__details li:last-child {
    margin-bottom: 0px
}

.slick-current .plan-box--bordered {
    border-top: none;
    border-bottom: none;
}

.plan-box--bordered {
    border: 1px solid #dfe7f5;
    border-left: none;
}

.plan-box--hover--bg--purple,
.plan-box--hover--bg--green {
    transition: all 200ms linear
}

.plan-box--hover--bg--purple:hover {
    background: #98D338
}

.plan-box--hover--bg--green:hover {
    background: #98D338
}

.plan-box--active .plan-box__details {
    opacity: 1
}

.plan-box--active.plan-box--active--bg--gray {
    position: relative;
    background-color: #f4f4f4
}

.plan-box--active.plan-box--active--bg--blue {
    position: relative;
    background-color: #344563;
}

.plan-box--active.plan-box--active--bg--darkblue {
    position: relative;
    background-color: #0c022f
}

.plan-box--active.plan-box--active--bg--purple {
    position: relative;
    background-color: #98D338
}

.plan-carousel-content {
    padding: 22px 0 24px 0;
    position: relative;
}

.slick-current .plan-carousel-content {
    z-index: 3000;
    background: #fff;
    border: 1px solid #DFE7F5;
    margin-left: 1px;
    box-shadow: 0 20px 20px 0 rgba(94, 108, 132, 0.2);
}

.plan-table {
    display: flex;
    overflow: auto
}

.plan-col {
    padding-top: 20px
}

.plan-col:not(.plan-col_labels) {
    width: 20%;
    text-align: center;
    position: relative
}

.plan-col:not(.plan-col_labels):hover {
    box-shadow: 0px 10px 40px 0px rgba(93, 53, 26, 0.1);
    z-index: 7777
}

.plan-col__name {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 8px
}

.plan-col__price {
    font-size: 20px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #98D338;
    font-weight: 600;
    margin-bottom: 11px
}

.plan-col__price .interval {
    font-size: 14px;
    line-height: 24px
}

.plan-col__price .plan-box__price--year {
    line-height: 24px;
    font-size: 20px
}

.plan-col__header {
    margin-bottom: 40px
}

.plan-col__blocker {
    display: none;
    width: 100%;
    left: 0px;
    height: 118px;
    background: #ffffff;
    z-index: 7776;
    box-shadow: 0px 14px 40px -14px rgba(47, 47, 47, 0.1);
    position: fixed;
    top: 0px
}

.plan-col__blocker.stuck {
    display: block
}

.plan-col_labels .plan-col__body {
    text-align: left;
    white-space: nowrap
}

.plan-col_labels .plan-col__body>div {
    justify-content: flex-start;
    padding-right: 44px;
    padding-left: 20px
}

.plan-col__migrations svg {
    position: absolute;
    display: none;
    top: 5px;
    right: -26px
}

.plan-col__migrations.hover svg {
    display: block
}

.plan-col__body>div {
    height: 45px;
    padding: 9px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.plan-col__body>div span {
    position: relative
}

.plan-col__body>div.hover {
    background: rgba(242, 229, 223, 0.2)
}

.plan-col__body.text--left>div {
    text-align: left;
    justify-content: flex-start
}

.plan-col_labels .plan-col__body>div svg {
    position: absolute;
    right: -30px;
    top: 3px;
    display: none
}

.plan-col_labels .plan-col__body>div.hover svg {
    display: block;
    cursor: pointer
}

.plan-col_labels .plan-col__body>div.hover svg:hover *[stroke]:not([stroke=""]) {
    stroke: #98D338
}

.plan-col_labels .plan-col__body>div.hover svg:hover *[fill]:not([fill="none"]) {
    fill: #98D338
}

.plan-col.selected {
    background-image: -moz-linear-gradient(-90deg, #FEFAF3 0%, #FEF8EB 100%);
    background-image: -webkit-linear-gradient(-90deg, #FEFAF3 0%, #FEF8EB 100%)
}

@media only screen and (max-width: 48em) {
    .plan-col_labels {
        font-size: 12px
    }

    .plan-col:not(.plan-col_labels) {
        flex-shrink: 0
    }

    .plan-col_labels .plan-col__body>div {
        padding-right: 20px;
        padding-left: 0px
    }
}

.plan-col__header.stuck {
    position: fixed;
    background: #fff;
    z-index: 99999;
    padding-top: 5px;
    padding-bottom: 20px;
    box-shadow: 0px 14px 40px -14px rgba(47, 47, 47, 0.1)
}

.plan-col.selected .plan-col__header.stuck {
    background: -webkit-linear-gradient(-90deg, #FEFAF3 0%, #FEF8EB 100%)
}

.icon-left-block {
    display: flex
}

.icon-left-block__icon {
    margin-right: 22px
}

.card {
    padding: 66px;
    background: #fff;
    box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.05);
    position: relative;
    box-sizing: border-box
}

.cards--alternating .card,
.cards--alternating .box,
.cards--alternating #respond {
    width: 58%;
    margin-top: -35px
}

.cards--alternating .card:last-of-type,
.cards--alternating .box:last-of-type,
.cards--alternating #respond:last-of-type {
    margin-top: 0px
}

.cards--alternating .card:nth-of-type(odd),
.cards--alternating .box:nth-of-type(odd),
.cards--alternating #respond:nth-of-type(odd) {
    margin-left: 42%
}

.cards--pair {
    flex-direction: row
}

.cards--pair .card,
.cards--pair .box,
.cards--pair #respond {
    flex: 1;
    position: relative
}

.cards--pair .card:last-child,
.cards--pair .box:last-child,
.cards--pair #respond:last-child {
    top: 17px
}

.quote {
    display: flex;
    position: relative
}

.quote__screenshot {
    width: 1%;
    position: absolute;
    display: flex;
    z-index: 3000;
    align-items: center
}

.quote__screenshot img {
    box-shadow: 0px 0px 23px 4px rgba(0, 0, 0, 0.1);
    max-height: 281px
}

.quote__content {
    flex: 1;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    padding: 66px 66px 66px 112px
}

.quote.quote--vertical {
    display: block
}

.quote.quote--vertical .quote__screenshot {
    height: auto;
    width: auto;
    position: relative;
    display: block;
    top: 40px
}

.quote.quote--vertical .quote__screenshot img {
    margin: 0 auto
}

.quote.quote--vertical .quote__content {
    width: auto;
    margin: auto;
    padding: 66px
}

.quote__text {
    position: relative;
    z-index: 1100;
    font-size: 18px;
    color: #344563;
}

.quote__text:before {
    width: 66px;
    height: 66px;
    z-index: -1;
    content: ' ';
    position: absolute;
    top: -33px;
    left: -44px;
    background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g fill='#fff'><path d='M12,17H4v-2c0-4.098,2.188-8.188,6-9.562V1C3.812,2.688,0,8.66,0,15v4v10c0,1.105,0.895,2,2,2h10c1.105,0,2-0.895,2-2V19   C14,17.896,13.105,17,12,17z'/><path d='M30,17h-8v-2c0-4.098,2.188-8.188,6-9.562V1c-6.188,1.688-10,7.66-10,14v4v10c0,1.105,0.895,2,2,2h10c1.105,0,2-0.895,2-2   V19C32,17.896,31.105,17,30,17z'/></g></svg>");
    background-repeat: no-repeat
}

@media only screen and (max-width: 47.999em) {
    .quote__screenshot {
        display: none
    }

    .quote__content {
        width: 100%;
        margin-left: 0px;
        padding: 24px 24px 42px 24px
    }

    .quote__text:before {
        display: none
    }
}

@media only screen and (min-width: 48em) and (max-width: 64em) {
    .quote__screenshot {
        width: 100%;
        margin-top: -42px;
        height: auto;
        position: relative;
        top: 42px
    }

    .quote__screenshot img {
        max-height: auto;
        margin: 0 auto
    }

    .quote__content {
        width: 100%;
        margin-left: 0px;
        padding: 66px 66px 42px 66px
    }
}

.tab__content-container {
    position: relative;
    min-height: 400px;
    padding: 40px 0 40px 50px;
}

.tabs__nav {
    margin-bottom: 27px
}

.tabs__nav.tabs__nav--arrow div.active {
    position: relative
}

.tabs__nav.tabs__nav--arrow div.active:before {
    width: 30px;
    height: 27px;
    position: absolute;
    left: 35%;
    z-index: 3000;
    content: ' ';
    display: block;
    background-image: url("data:image/svg+xml;utf8,<svg width='30px' height='17px' viewBox='0 0 30 17' xmlns='http://www.w3.org/2000/svg'>\a             <g id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'>\a                 <polygon id='Triangle' fill='#FFFFFF' points='15 0 30 17 0 17'></polygon>\a             </g>\a         </svg>");
    background-repeat: no-repeat;
    background-position: center center;
    top: 40px;
}

.tabs__nav svg {
    margin-right: 8px
}

.tabs__nav .heading,
.tabs__nav .heading--white,
.tabs__nav .heading--huge,
.tabs__nav .heading--large,
.tabs__nav #mobile-nav-overlay ul li a,
#mobile-nav-overlay ul li .tabs__nav a,
.tabs__nav .newsletter-promo .front .title,
.newsletter-promo .front .tabs__nav .title,
.tabs__nav .newsletter-promo .back .title,
.newsletter-promo .back .tabs__nav .title,
.tabs__nav .heading--big,
.tabs__nav .heading--medium,
.tabs__nav .heading--normal,

.tabs__nav .plan-box__name,
.tabs__nav .plan-box--up-to,
.tabs__nav .user-content h5,
.user-content .tabs__nav h5,
.tabs__nav .user-content h2,
.user-content .tabs__nav h2,
.tabs__nav .user-content h3,
.user-content .tabs__nav h3,
.tabs__nav .user-content .essb-click-to-tweet-quote,
.user-content .tabs__nav .essb-click-to-tweet-quote {
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    display: inline-block;
    padding-bottom: 3px;
    color: #98D338;
    cursor: pointer
}

.tabs__nav .heading--tiny {
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    display: inline-block;
    padding-bottom: 3px;
    color: #344563;
    cursor: pointer
}

.tabs__nav .heading--small {
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    display: inline-block;
    padding-bottom: 3px;
    color: #344563;
    cursor: pointer
}

.tabs__nav .active .heading,
.tabs__nav .active .heading--white,
.tabs__nav .active .heading--huge,
.tabs__nav .active .heading--large,
.tabs__nav .active #mobile-nav-overlay ul li a,
#mobile-nav-overlay ul li .tabs__nav .active a,
.tabs__nav .active .newsletter-promo .front .title,
.newsletter-promo .front .tabs__nav .active .title,
.tabs__nav .active .newsletter-promo .back .title,
.newsletter-promo .back .tabs__nav .active .title,
.tabs__nav .active .heading--big,
.tabs__nav .active .heading--medium,
.tabs__nav .active .heading--normal,
.tabs__nav .active .heading--small,
.tabs__nav .active .plan-box__name,
.tabs__nav .active .plan-box--up-to,
.tabs__nav .active .user-content h5,
.user-content .tabs__nav .active h5,
.tabs__nav .active .heading--tiny,
.tabs__nav .active .user-content h2,
.user-content .tabs__nav .active h2,
.tabs__nav .active .user-content h3,
.user-content .tabs__nav .active h3,
.tabs__nav .active .user-content .essb-click-to-tweet-quote,
.user-content .tabs__nav .active .essb-click-to-tweet-quote {
    border-bottom: 3px solid #98D338
}

.tabs__close {
    position: absolute;
    top: 35px;
    right: 22px
}

.tabs__section {
    display: none
}

.tabs__section:first-child {
    display: block
}

@media only screen and (max-width: 47em) {
    .tabs__nav.tabs__nav--arrow div.active:before {
        display: none
    }

    .tabs__nav {
        display: block
    }

    .tabs__nav>div {
        margin-bottom: 10px
    }

    .tabs__nav .active .heading,
    .tabs__nav .active .heading--white,
    .tabs__nav .active .heading--huge,
    .tabs__nav .active .heading--large,
    .tabs__nav .active #mobile-nav-overlay ul li a,
    #mobile-nav-overlay ul li .tabs__nav .active a,
    .tabs__nav .active .newsletter-promo .front .title,
    .newsletter-promo .front .tabs__nav .active .title,
    .tabs__nav .active .newsletter-promo .back .title,
    .newsletter-promo .back .tabs__nav .active .title,
    .tabs__nav .active .heading--big,
    .tabs__nav .active .heading--medium,
    .tabs__nav .active .heading--normal,
    .tabs__nav .active .heading--small,
    .tabs__nav .active .plan-box__name,
    .tabs__nav .active .plan-box--up-to,
    .tabs__nav .active .user-content h5,
    .user-content .tabs__nav .active h5,
    .tabs__nav .active .heading--tiny,
    .tabs__nav .active .user-content h2,
    .user-content .tabs__nav .active h2,
    .tabs__nav .active .user-content h3,
    .user-content .tabs__nav .active h3,
    .tabs__nav .active .user-content .essb-click-to-tweet-quote,
    .user-content .tabs__nav .active .essb-click-to-tweet-quote,
    .tabs__nav .heading,
    .tabs__nav .heading--white,
    .tabs__nav .heading--huge,
    .tabs__nav .heading--large,
    .tabs__nav #mobile-nav-overlay ul li a,
    #mobile-nav-overlay ul li .tabs__nav a,
    .tabs__nav .newsletter-promo .front .title,
    .newsletter-promo .front .tabs__nav .title,
    .tabs__nav .newsletter-promo .back .title,
    .newsletter-promo .back .tabs__nav .title,
    .tabs__nav .heading--big,
    .tabs__nav .heading--medium,
    .tabs__nav .heading--normal,
    .tabs__nav .heading--small,
    .tabs__nav .plan-box__name,
    .tabs__nav .plan-box--up-to,
    .tabs__nav .user-content h5,
    .user-content .tabs__nav h5,
    .tabs__nav .heading--tiny,
    .tabs__nav .user-content h2,
    .user-content .tabs__nav h2,
    .tabs__nav .user-content h3,
    .user-content .tabs__nav h3,
    .tabs__nav .user-content .essb-click-to-tweet-quote,
    .user-content .tabs__nav .essb-click-to-tweet-quote {
        border-bottom: 0px
    }

    .tab__content-container {
        display: none
    }
}

@media only screen and (min-width: 48em) and (max-width: 63em) {

    .tabs__nav .heading--small,
    .tabs__nav .plan-box__name,
    .tabs__nav .plan-box--up-to,
    .tabs__nav .user-content h5,
    .user-content .tabs__nav h5 {
        font-size: 14px
    }

    .tabs__nav img {
        width: 24px
    }
}

.carousel .slick-slide {
    padding-left: 50px;
    padding-right: 50px
}

.carousel-item {
    outline: none
}

.carousel .slick-slide {
    overflow: hidden;
    position: relative;
    top: 20px;
    outline: none !important
}

.carousel .carousel-prev {
    left: 0px
}

.carousel .carousel-next {
    right: 0px
}

.carousel-next {
    right: 0px;
    position: absolute;
    top: 22px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: calc(100% - 66px);
    content: '';
    z-index: 4000
}

.carousel-next svg {
    cursor: pointer
}

.carousel-prev {
    left: 0px;
    position: absolute;
    top: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: calc(100% - 66px);
    content: '';
    z-index: 4000
}

.carousel-prev svg {
    cursor: pointer
}

.carousel-next.white,
.carousel-prev.white {
    background: none
}

.carousel-next.white path,
.carousel-prev.white path {
    stroke: #fff
}

.carousel-next.slick-disabled,
.carousel-prev.slick-disabled {
    opacity: 0.1
}

.breadcrumb li {
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='8px' version='1.1' viewBox='0 0 32 32'><path fill='#344563' fill-opacity='0.5' d='M9.599,30.43L6.57,27.4C6.092,26.923,6,26.335,6,26c0-0.479,0.194-1.029,0.576-1.412L15.165,16L6.576,7.412  C6.194,7.029,6,6.479,6,6c0-0.335,0.092-0.923,0.57-1.4l3.03-3.03C10.077,1.092,10.665,1,11,1c0.479,0,1.029,0.194,1.412,0.576  l13.006,13.008C25.778,14.945,26,15.448,26,16c0,0.556-0.235,1.066-0.584,1.416L12.412,30.424C12.029,30.806,11.479,31,11,31  C10.665,31,10.077,30.908,9.599,30.43z'/></svg>");
    background-repeat: no-repeat;
    background-position: right calc(50% + 1px);
    padding-right: 16px;
    margin-right: 8px;
    background-size: 8px 8px
}

.breadcrumb li:last-child {
    margin-right: 0px;
    padding-right: 0px;
    background: none
}

.breadcrumb li span,
.breadcrumb li a {
    text-transform: uppercase
}

.breadcrumb li>a {
    text-decoration: none;
    font-weight: 500;
    color: #999
}

.ptengine-pagination a.page-numbers:not(.next):not(.prev) {
    margin: 0 5px;
    box-sizing: content-box
}

.ptengine-pagination .dots {
    margin: 0 5px
}

.user-content {
    word-break: break-word;
    /*  color: #43414e */
}

.user-content>*:first-child {
    margin-top: 0px
}

.user-content .notice {
    box-sizing: border-box;
    background: #f9f9f9;
    border: 1px solid #f3f3f4;
    margin-bottom: 28.8px;
    width: calc(100% + 80px);
    margin-left: -40px;
    padding: 28.8px
}

.user-content .in-post-container {
    margin: 57.6px 0 57.6px 0
}

.user-content p {
    margin-bottom: 28.8px
}

.user-content abbr {
    outline: none;
    text-decoration: none
}

.user-content .aligncenter {
    margin-left: auto;
    margin-right: auto
}

.user-content table {
    width: 100%;
    margin-bottom: 28.8px
}

.user-content table th {
    background: #f4f4f4;
    vertical-align: bottom
}

.user-content table td,
.user-content table th {
    padding: 11px 22px;
    text-align: left
}

.user-content table td {
    border-bottom: 1px solid #eee
}

.user-content table tbody tr:nth-of-type(odd) td {
    background: #fafafa
}

.user-content table.nowrap--col-1 tbody tr td:first-child,
.user-content table.nowrap--col-1 tbody tr th:first-child {
    white-space: nowrap
}

.user-content table.nowrap--col-2 tbody tr td:nth-child(2),
.user-content table.nowrap--col-2 tbody tr th:nth-child(2) {
    white-space: nowrap
}

.user-content table.nowrap--col-3 tbody tr td:nth-child(3),
.user-content table.nowrap--col-3 tbody tr th:nth-child(3) {
    white-space: nowrap
}

.user-content table.nowrap--col-4 tbody tr td:nth-child(4),
.user-content table.nowrap--col-4 tbody tr th:nth-child(4) {
    white-space: nowrap
}

.user-content table.nowrap--col-5 tbody tr td:nth-child(5),
.user-content table.nowrap--col-5 tbody tr th:nth-child(5) {
    white-space: nowrap
}

.user-content table.nowrap--col-6 tbody tr td:nth-child(6),
.user-content table.nowrap--col-6 tbody tr th:nth-child(6) {
    white-space: nowrap
}

.user-content table.nowrap--col-7 tbody tr td:nth-child(7),
.user-content table.nowrap--col-7 tbody tr th:nth-child(7) {
    white-space: nowrap
}

.user-content table.nowrap--col-8 tbody tr td:nth-child(8),
.user-content table.nowrap--col-8 tbody tr th:nth-child(8) {
    white-space: nowrap
}

.user-content table.nowrap--col-9 tbody tr td:nth-child(9),
.user-content table.nowrap--col-9 tbody tr th:nth-child(9) {
    white-space: nowrap
}

.user-content blockquote {
    border-left: 1px solid #344563;
    padding: 28.8px;
    margin: 0 28.8px 28.8px
}

.user-content blockquote p:last-child {
    margin-bottom: 0px
}

.user-content h2 {
    font-size: 28px;
    font-weight: 900;
    margin: 86.4px 0 28.8px 0
}

.user-content h3 {
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.4;
    letter-spacing: -0.4px;
    margin: 86.4px 0 28.8px 0
}

.user-content h2+h3 {
    margin-top: 57.6px
}

.user-content h4 {
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: 40px
}

.user-content h5 {
    margin-bottom: 20px;
    margin-top: 40px
}

.user-content ul,
.user-content ol {
    margin-bottom: 28.8px;
    margin-top: 28.8px
}

.user-content ul ul,
.user-content ul ol,
.user-content ol ul,
.user-content ol ol {
    margin-bottom: 10px;
    margin-top: 0px
}

.user-content ul li,
.user-content ol li {
    margin-bottom: 10px
}

.user-content ul li:last-child,
.user-content ol li:last-child {
    margin-bottom: 0px
}

.user-content ul {
    margin-left: 20px
}

.user-content ol {
    margin-left: 20px
}

.user-content ul li {
    list-style-type: disc;
    background-repeat: no-repeat
}

.user-content ol li {
    list-style-type: decimal
}

.user-content img {
    height: auto;
    display: block
}

.user-content p>img {
    margin-top: 57.6px;
    margin-bottom: 57.6px
}

.user-content pre {
    box-sizing: border-box;
    overflow: scroll;
    white-space: pre;
    font-family: "Myriad Pro", "Helvetica", "arial", "メイリオ", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    body background: #f9f9f9;
    border: 1px solid #f3f3f4;
    padding: 28.8px 40px;
    margin-bottom: 57.6px;
    margin-top: 57.6px;
    line-height: 28.8px
}

.user-content code {
    padding: 4px 8px;
    font-family: monospace;
    background: #f9f9f9;
    border: 1px solid #f3f3f4
}

.user-content pre code {
    border: 0px;
    padding: 0px
}

.user-content .wp-video {
    margin-top: 57.6px;
    margin-bottom: 57.6px
}

.user-content .wp-caption {
    max-width: 100%;
    box-sizing: border-box;
    margin-top: 57.6px;
    margin-bottom: 57.6px
}

.user-content .wp-caption img {
    box-sizing: border-box;
    box-shadow: 0 4px 8px 0 rgba(67, 65, 78, 0.08)
}

.user-content .wp-caption-text {
    margin-top: 1em;
    margin-bottom: 1em;
    text-align: right
}

.user-content .wp-caption-text:before {
    content: "— "
}

.user-content table {
    width: 100%
}

.user-content .twitter-tweet {
    margin-left: auto;
    margin-right: auto
}

.user-content .essb-click-to-tweet {
    background: #f3f3f6;
    color: #43414e;
    margin: 0px;
    padding: 28.8px;
    margin-top: 28.8px;
    margin-bottom: 28.8px;
    border: 0px
}

.user-content .essb-click-to-tweet:hover {
    margin: 0px;
    margin-top: 28.8px;
    margin-bottom: 28.8px;
    padding: 28.8px;
    border: 0px;
    background: #f3f3f6
}

.user-content .essb-click-to-tweet:hover .essb-click-to-tweet-button {
    color: #98D338
}

.user-content .essb-click-to-tweet:after {
    display: none
}

.user-content .essb-click-to-tweet-quote {
    color: #43414e !important;
    color: #999999;
    font-weight: 900
}

.user-content .essb-click-to-tweet-button {
    color: #43414e;
    font-weight: 300;
    text-align: left;
    margin-top: 10px
}

@media only screen and (min-width: 64em) {
    pre {
        width: calc(100% + 80px);
        margin-left: -40px
    }

    pre[class*="language-"] {
        margin-left: -40px;
        margin-right: 0px
    }
}

.label,
.label--green,
.label--purple,
.label--blue {
    text-transform: uppercase;
    padding: 1px 8px;
    border-radius: 6px;
    font-size: 10px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: -2px;
    vertical-align: middle
}

.label--small {
    text-transform: none
}

.label--large {
    padding: 3px 11px;
    font-size: 11px
}

.label--green {
    background: #98D338;
    color: #444
}

.label--purple {
    background: #98D338;
    color: #fff
}

.label--blue {
    background: #444;
    color: #fff
}

.bullet-list {
    list-style-type: square
}

.bullet-list li {
    margin-bottom: 6px
}

.bullet-list--green-bullet {
    color: #98D338;
    span: #444
}

.bullet-list--green-bullet.color--white span,
.bullet-list--green-bullet.plan-box--active.plan-box--active--color--white span {
    color: #fff
}

.bullet-list--margin-large li {
    margin-bottom: 11px
}

.dot-list {
    list-style-type: none
}

.dot-list li {
    margin-bottom: 6px
}

.dot-list li:last-of-type {
    margin-bottom: 0px
}

.dot-list li:before {
    content: "\2022";
    padding-right: 6px
}

.arrow-list li a.text--link,
.arrow-list li a.text--link--greenhover,
.arrow-list li a.text--link--green--underline {
    display: flex;
    margin-bottom: 6px
}

.arrow-list li a.text--link:before,
.arrow-list li a.text--link--greenhover:before,
.arrow-list li a.text--link--green--underline:before {
    display: block;
    content: "\2192";
    margin-right: 10px;
    opacity: 0.7
}

.arrow-list li a.text--link.hide-arrow:before,
.arrow-list li a.hide-arrow.text--link--greenhover:before,
.arrow-list li a.hide-arrow.text--link--green--underline:before {
    opacity: 0
}

.text-quote {
    margin-top: 40px
}

.text-quote:first-child {
    margin-top: 0px
}

.text-quote.text-quote--alternating {
    margin-top: -30px
}

.text-quote.text-quote--alternating:first-child {
    margin-top: 0px
}

.text-quote.text-quote--alternating:nth-of-type(even)>.col-sm-6 {
    padding-left: 20px
}

.text-quote.text-quote--alternating:nth-of-type(odd)>.col-sm-6 {
    padding-right: 20px
}

@media only screen and (max-width: 48em) {
    .text-quote.text-quote--alternating {
        margin-top: 40px
    }

    .text-quote.text-quote--alternating:nth-of-type(even)>.col-sm-6 {
        margin-left: 0px;
        padding-left: 0px
    }

    .text-quote.text-quote--alternating:nth-of-type(odd)>.col-sm-6 {
        margin-right: 0px;
        padding-right: 0px
    }
}

.text-quote__text {
    border: 2px solid #f4f4f4;
    padding: 20px;
    border-radius: 6px
}

.bg--gray .text-quote__text,
.ptengine-pagination span.current .text-quote__text {
    border-color: #ccdcf3
}

.text-quote__avatar {
    position: relative;
    margin-right: 30px
}

.text-quote__avatar.noimage {
    margin-right: 22px
}

.text-quote__avatar:after {
    display: block;
    content: ' ';
    position: absolute;
    top: -26px;
    right: 32px;
    width: 8px;
    height: 16px;
    transform: rotate(-90deg);
    background-image: url('data:image/svg+xml;utf8,<svg height="16px" viewBox="0 0 18 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="chevron" transform="translate(-7.000000, 0.000000)" stroke="#f4f4f4 " stroke-width="3" fill="#fff"><polyline id="Path" transform="translate(15.923044, 15.780489) rotate(90.000000) translate(-15.923044, -15.780489) " points="2 9 15.924776 22.5609786 29.8460872 9"></polyline></g></svg>');
    background-repeat: no-repeat
}

.text-quote__avatar.noimage:after {
    right: -33px
}

.bg--gray .text-quote__avatar:after,
.ptengine-pagination span.current .text-quote__avatar:after {
    background-image: url('data:image/svg+xml;utf8,<svg height="16px" viewBox="0 0 18 32" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="chevron" transform="translate(-7.000000, 0.000000)" stroke="#ccdcf3" stroke-width="3" fill="#f4f4f4 "><polyline id="Path" transform="translate(15.923044, 15.780489) rotate(90.000000) translate(-15.923044, -15.780489) " points="2 9 15.924776 22.5609786 29.8460872 9"></polyline></g></svg>')
}

.message {
    padding: 6px 22px;
    font-size: 12px;
    border-width: 1px;
    border-style: solid;
    border-radius: 200px
}

.message.success {
    background: #D4F5BC;
    border-color: #b8ee90;
    color: #0b1603
}

.message.error {
    background: #ed1c24;
    border-color: #c61017;
    color: #000
}

.featured-snippet {
    margin: 86.4px 0 86.4px 0;
    border-radius: 3px;
    background: #f0f0f0;
    border: 1px solid #f0f0f0
}

.featured-snippet__content {
    background: #fff;
    padding: 40px;
    color: #43414e
}

.featured-snippet__content *:last-child {
    margin-bottom: 0px
}

.featured-snippet__content h2 {
    margin: 0px;
    padding: 0px;
    font-size: 24px;
    margin-bottom: 28.8px;
    font-weight: 900
}

.featured-snippet__footer {
    padding: 22px 40px;
    position: relative
}

.featured-snippet__footer .arrow-down {
    position: absolute;
    transform: rotate(-135deg);
    right: 150px;
    top: -2px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff
}

.featured-snippet__footer a {
    font-size: 14px;
    color: #6e6d6e !important;
    border-bottom: 0px !important;
    text-decoration: none !important
}

.featured-snippet__footer a:hover {
    color: #000
}

@media only screen and (max-width: 48em) {
    .featured-snippet__footer .arrow-down {
        left: 50px
    }

    .featured-snippet__footer--content {
        display: block
    }
}

@media only screen and (min-width: 64em) {
    .featured-snippet {
        margin-left: -40px
    }
}

.site-menu__hamburger {
    height: 12px;
    width: 19px;
    padding: 10px 1rem;
    position: absolute;
    right: -10px;
    cursor: pointer;
    z-index: 99999;
}

.site-menu__hamburger span {
    position: absolute;
    width: 18px;
    height: 2px;
    transition: all 200ms linear;
    opacity: 1;
    transform: scale(1) rotate(0deg);
    transform-origin: 50% 50%
}

.site-menu__hamburger span:nth-of-type(1) {
    top: 8px
}

.site-menu__hamburger span:nth-of-type(2) {
    top: 13px
}

.site-menu__hamburger span:nth-of-type(3) {
    top: 13px
}

.site-menu__hamburger span:nth-of-type(4) {
    top: 18px
}

.mobileNav .site-menu__hamburger span:nth-of-type(1) {
    opacity: 0;
    transform: scale(0)
}

.mobileNav .site-menu__hamburger span:nth-of-type(2) {
    transform: rotate(-45deg)
}

.mobileNav .site-menu__hamburger span:nth-of-type(3) {
    transform: rotate(45deg)
}

.mobileNav .site-menu__hamburger span:nth-of-type(4) {
    opacity: 0;
    transform: scale(0)
}

.site-menu__nav {
    font-weight: 500;
}

.site-menu__nav ul li {
    display: inline-block;
    padding: 14px 0;
}

.site-menu__nav a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}

.site-menu__nav span {
    position: relative
}

.site-menu__nav span:after {
    content: " ";
    opacity: 1;
    position: absolute;
    display: block;
    bottom: -4px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #98D338;
    opacity: 0;
    transition: all 200ms linear
}

.site-menu__nav a:hover span:after,
.site-menu__nav a.active span:after {
    opacity: 1
}

#site-menu--hover {
    background: #fff;
    // padding-top: 16px;
    // padding-bottom: 16px;
    box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.1);
    position: fixed;
    top: 0px;
    width: 100%;
    left: 0px;
    z-index: 8888
}

#site-menu--hover .site-menu__hamburger {
    right: 0px
}

#site-menu--hover.noshadow {
    box-shadow: none
}

#site-menu--hover.noshadow:after {
    z-index: 9999;
    display: block;
    position: absolute;
    content: " ";
    bottom: 5px;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #f9f9fb
}

#site-menu--hover .menu-user-icon * {
    fill: #43414e
}

#site-menu--hover .container {
    position: relative;
    z-index: 9922
}

#site-menu--hover .site-menu__logo svg {
    width: 88px !important
}

#site-menu--hover .site-menu__logo svg * {
    fill: #98D338
}

#site-menu--hover .site-menu__nav a {
    color: #43414e
}

#site-menu--hover .site-menu__nav a.login {
    padding: 4px 14px;
    margin-left: 11px
}

#site-menu--hover .site-menu__nav a.login:hover span:after {
    display: none;
    opacity: 0px
}

#mobile-nav-overlay {
    /* height: 107vh; */
    touch-action: none;
    position: absolute;
    top: -200vh;
    left: 0px;
    width: 100%;
    z-index: 8888
}

#mobile-nav-overlay ul li {
    margin-left: 0px
}

#mobile-nav-overlay li svg {
    display: none
}

#mobile-nav-overlay .container {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

#mobile-nav-overlay ul {
    position: relative;
    padding-top: 180px;
    display: none;
    text-align: right;
    padding-left: 30px;

}

#mobile-nav-overlay ul li {
    margin-top: 18px
}

#mobile-nav-overlay ul li:first-child {
    margin-top: 0px
}

#mobile-nav-overlay ul li a {
    font-size: 16px;
    text-decoration: none;
    color: #344563;
    padding: 0 0;
    position: relative;
}

#mobile-nav-overlay ul li a span:after {
    content: " ";
    opacity: 1;
    position: absolute;
    display: block;
    bottom: -4px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #98D338;
    opacity: 0;
    transition: all 200ms linear
}

#mobile-nav-overlay ul li a:hover span:after {
    opacity: 1
}

#site-menu--default .container {
    z-index: 9100
}

#site-menu--default .site-menu__hamburger span {
    background: #000
}

#site-menu--default .site-menu__nav a {
    color: #344563;
}

#site-menu--default .site-menu__nav a.login {
    padding: 4px 14px;
    margin-left: 11px
}

#site-menu--default .site-menu__nav a.login:hover span:after {
    display: none;
    opacity: 0px
}

#site-menu--default .site-menu__nav .button--green.registration {
    background: transparent;
    border: 2px solid #091E42;
    color: #091E42 !important;
    font-weight: 600;
}

#site-menu--default .site-menu__nav .button--green.registration:hover {
    background: #091E42;
    color: #fff !important;
}

#site-menu--hover .site-menu__hamburger span {
    background: #43414e;
    background-image: linear-gradient(transparent calc(100% - 2px), #98D338 2px);
}

#site-menu--hover .site-tagline {
    color: #555
}

.mobileNav #site-menu--hover .site-menu__hamburger span {
    background: #fff
}

.mobileNav #site-menu--hover .site-menu__logo svg * {
    fill: #fff
}

.site-logo-and-tagline {
    height: 60px;
}

@media only screen and (max-width: 48em) {
    #site-menu--hover .site-menu__hamburger {
        top: auto
    }

    .site-menu__logo svg {
        width: 88px !important
    }

    .site-logo-and-tagline>div {
        display: block
    }

    .site-logo-and-tagline>div .site-tagline {
        margin-top: 6px;
        margin-left: 0px
    }

    #site-menu--hover .site-tagline {
        display: none
    }
}

.mobileNav {
    overflow: hidden
}

.site-footer {
    z-index: 9
}

.footer-column-title {
    line-height: 30px;
}

.site-footer li {
    /* margin-top: 16px */
}

.footer-column {
    font-weight: 400;
    margin-top: 10px;
}

.footer-column li {
    line-height: 30px;
}

.site-footer a:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray) {
    color: #091E42;
    text-decoration: none;
    transition: all 200ms linear
}

.site-footer a:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--green):not(.button--white):not(.button--purple):not(.button--darkGray):hover {
    text-decoration: underline;
}

.site-footer-bar {
    z-index: 9000;
    margin-bottom: -26px;
}

.site-footer-bar .container {
    display: flex;
    align-items: center;
    text-align: center;
    padding-top: 31px;
    border-top: 1px solid #5E6C84;
    padding-left: 0;
    padding-right: 0;
    justify-content: space-between;
}

.site-footer-bar > .container:before, .site-footer-bar > .container:after {
    content: none;
}

.site-footer-bar .container>div {
    display: flex;
    align-items: center
}

.site-footer-bar .container>div:first-child {
    margin-right: 10px
}

.site-footer-bar .container>div:last-child {
    margin-left: 10px
}

.site-footer-bar a {
    color: inherit;
    text-decoration: none;
    color: #344563;
}

.site-footer-bar a:hover {
    opacity: 1;
    text-decoration: underline;
}
.site-footer-bar a.footer-record:hover{
    text-decoration: none;
}


@media only screen and (max-width: 64em) {
    .site-footer-bar .container {
        display: block
    }

    .site-footer-bar .container>div {
        justify-content: center;
        margin-bottom: 40px
    }

    .site-footer-bar .container>div:first-child,
    .site-footer-bar .container>div:last-child {
        margin-left: 0px;
        margin-right: 0px
    }

    .site-footer-bar .container>div:last-child {
        margin-bottom: 0px
    }

    .site-footer-bar .container .site-footer-bar__legal {
        display: block
    }
}

.site-footer-bar__social a:hover svg * {
    transition: all 200ms linear
}

.site-footer-bar__social a:hover svg * {
    fill: #98D338
}

.site-footer-bar__legal span {
    display: inline-block;
    margin-left: 20px
}

.site-footer-bar__legal span:first-child {
    margin: 0px;
    color: #091E42;
}



.site-footer-bar__language {
    display: flex;
    align-items: center
}

.site-footer-bar__language-selector {
    -webkit-appearance: none;
    outline: none;
    background: none;
    margin-left: 8px;
    border: 0px;
    color: #fff;
    cursor: pointer;
    padding-right: 18px;
    background-image: url('data:image/svg+xml;utf8,<svg width="10px" height="10px" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">\a       <g stroke="none" fill="none">\a         <polyline stroke="#fff" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" points="2 9 15.924776 22.5609786 29.8460872 9"></polyline>\a       </g>\a     </svg>');
    background-repeat: no-repeat;
    background-position: center right;
    font-size: 14px
}

.site-footer-bar__language-selector option {
    color: #6E7076
}

.resource-bar {
    border-bottom: 1px solid #f3f3f6;
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
    overflow: hidden;
    z-index: 33;
    height: 30px;
    margin: 15px 0;
}

/* .ptengine-hero-nav{
    margin-top: 20px;
} */
.breadcrumb li>a:hover,
.breadcrumb li>a:focus {
    color: #091e42;
    font-weight: 600;
    text-decoration: none;
}

.ptengine-hero-nav .resource-bar {
    margin-top: 20px;
    border-bottom: 1px solid #344563;
    /* border-top: 1px solid rgba(255, 255, 255, 0.2); */
    color: #fff
}

.ptengine-hero-nav .resource-bar a {
    color: #344563;
    text-decoration: none;
}

.ptengine-hero-nav .resource-bar a:hover,
.ptengine-hero-nav .resource-bar a:focus,
    {
    text-decoration: none;
    color: #091e42;
}

.ptengine-hero-nav .resource-bar .breadcrumb li {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='8px' version='1.1' viewBox='0 0 32 32'><path fill='#344563' fill-opacity='0.5' d='M9.599,30.43L6.57,27.4C6.092,26.923,6,26.335,6,26c0-0.479,0.194-1.029,0.576-1.412L15.165,16L6.576,7.412  C6.194,7.029,6,6.479,6,6c0-0.335,0.092-0.923,0.57-1.4l3.03-3.03C10.077,1.092,10.665,1,11,1c0.479,0,1.029,0.194,1.412,0.576  l13.006,13.008C25.778,14.945,26,15.448,26,16c0,0.556-0.235,1.066-0.584,1.416L12.412,30.424C12.029,30.806,11.479,31,11,31  C10.665,31,10.077,30.908,9.599,30.43z'/></svg>")
}

.ptengine-hero-nav .resource-bar .breadcrumb li:last-child {
    background: none
}

.ptengine-hero-nav .resource-bar .resource-bar__search input {
    color: #fff
}

.ptengine-hero-nav .resource-bar .resource-bar__search input::-webkit-input-placeholder {
    color: #fff
}

.ptengine-hero-nav .resource-bar .resource-bar__search input::-moz-placeholder {
    color: #fff
}

.ptengine-hero-nav .resource-bar .resource-bar__search input:-ms-input-placeholder {
    color: #fff
}

.ptengine-hero-nav .resource-bar .resource-bar__search input:-moz-placeholder {
    color: #fff
}

.ptengine-hero-nav .resource-bar .submitter__trigger g {
    stroke: #fff
}

.ptengine-hero-nav .resource-bar .resource-bar__search:hover input,
.ptengine-hero-nav .resource-bar .resource-bar__search input:valid,
.ptengine-hero-nav .resource-bar .resource-bar__search input:hover,
.ptengine-hero-nav .resource-bar .resource-bar__search input:focus {
    background: rgba(255, 255, 255, 0.2)
}

.ptengine-hero-nav .resource-bar .resource-bar__search:hover svg,
.ptengine-hero-nav .resource-bar .resource-bar__search input:valid+svg,
.ptengine-hero-nav .resource-bar .resource-bar__search input:hover+svg,
.ptengine-hero-nav .resource-bar .resource-bar__search input:focus+svg {
    background: rgba(255, 255, 255, 0.2)
}

.resource-bar__search {
    transition: all 100ms linear;
    padding: 6px;
    right: 0px;
    border-radius: 80px
}

.resource-bar__search input {
    border: 0px;
    outline: none;
    -webkit-appearance: none;
    font-size: 14px;
    min-width: 180px;
    font-weight: 300;
    background: transparent;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px
}

.resource-bar__search input::-webkit-input-placeholder {
    color: #999;
    font-size: 12px;
    font-weight: 500
}

.resource-bar__search input::-moz-placeholder {
    color: #999;
    font-size: 12px;
    font-weight: 500
}

.resource-bar__search input:-ms-input-placeholder {
    color: #999;
    font-size: 12px;
    font-weight: 500
}

.resource-bar__search input:-moz-placeholder {
    color: #999;
    font-size: 12px;
    font-weight: 500
}

.resource-bar__search svg {
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    position: relative;
    padding: 11px 0 10px 0;
    cursor: pointer;
    transition: all 200ms linear
}

.resource-bar__search input {
    transition: all 200ms linear
}

.resource-bar__search:hover input,
.resource-bar__search input:valid,
.resource-bar__search input:hover,
.resource-bar__search input:focus {
    background: #eee
}

.resource-bar__search:hover svg,
.resource-bar__search input:valid+svg,
.resource-bar__search input:hover+svg,
.resource-bar__search input:focus+svg {
    background: #eee;
    padding-right: 10px;
    padding-left: 10px
}

@media only screen and (max-width: 47.999em) {
    .resource-bar__search input {
        width: 80px
    }

    .resource-bar--bottom {
        margin-bottom: -1px !important
    }
}

.price-carousel .carousel-next {
    width: 200px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 90%);
    padding-right: 22px
}

.price-carousel .carousel-prev {
    width: 200px;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 90%);
    padding-left: 22px;
    justify-content: flex-start
}

@media only screen and (max-width: 47.999em) {
    .price-carousel .carousel-next {
        width: 100px
    }

    .price-carousel .carousel-prev {
        width: 100px
    }

    .price-carousel .carousel-next svg,
    .price-carousel .carousel-prev svg {
        height: 24px
    }

    .carousel-next,
    .carousel-prev {
        background: none !important
    }
}

.carousel-next.faded,
.carousel-prev.faded {
    // background: none
}

.slick-list {
    position: relative
}

.details-link {
    position: absolute;
    width: 100%;
    left: 0.5rem;
    margin-top: 10px;
    line-height: 32px;
    height: 32px;
    font-size: 14px;
    display: none
}

.slick-current .details-link {
    display: block
}

.details-link a:hover {
    color: #98D338 !important
}

.details-link a:hover svg *[stroke] {
    stroke: #98D338 !important
}

@keyframes MoveUpDown {
    0% {
        bottom: 0
    }

    25% {
        bottom: 2px
    }

    50% {
        bottom: 0px
    }

    75% {
        bottom: -2px
    }

    100% {
        bottom: 0
    }
}

.details-link a:hover svg {
    position: relative;
    animation: MoveUpDown 400ms ease-in-out 3
}

.knowledgebase-list__image {
    width: 85px;
    background-color: #679be1;
    height: 42px
}

.knowledgebase-list__image a {
    width: 100%;
    height: 100%
}

.knowledgebase-list__image svg {
    transition: all 120ms linear
}

.knowledgebase-list__image a:hover svg,
.knowledgebase-list__image a.hovered svg {
    box-shadow: 0px 0px 15px 1px rgba(255, 255, 255, 0.7)
}

.knowledgebase-list>.row,
.knowledgebase-list>.boxes--alternating,
.knowledgebase-list>.boxes--pair {
    flex-wrap: nowrap;
    text-overflow: ellipsis
}

.learn-list h2.heading--small,
.learn-list h2.plan-box__name,
.learn-list h2.plan-box--up-to {
    position: absolute;
    bottom: 28.8px;
    padding-left: 14.4px;
    padding-right: 14.4px;
    font-weight: 900
}

.bg--body {
    position: absolute;
    width: 100%;
    height: 100vh
}

.bg--skewed {
    overflow: hidden;
    transform-origin: 0;
    transform: skewY(-30deg)
}



.bg--mask,
.ptengine-hero.masked .mask {
    background-image: -moz-linear-gradient(-30deg, rgba(0, 0, 77, 0.8) 0%, rgba(83, 51, 237, 0.8) 49%, rgba(44, 212, 217, 0.8) 100%);
    background-image: -webkit-linear-gradient(-30deg, rgba(0, 0, 77, 0.8) 0%, rgba(83, 51, 237, 0.8) 49%, rgba(44, 212, 217, 0.8) 100%)
}

/* .bg--gradient--dark-light-blue,
.ptengine-hero,
.ptengine-hero .overlay {
    background-image: -moz-linear-gradient(-30deg, #6eab50 0%, #a5de2f 49%, #98D338 100%);
    background-image: -webkit-linear-gradient(-30deg, #6eab50 0%, #a5de2f 49%, #98D338 100%);
}

.bg--gradient--purple-light-blue,
#mobile-nav-overlay {
    background-image: -moz-linear-gradient(-30deg, #6eab50 0%, #a5de2f 49%, #98D338 100%);
    background-image: -webkit-linear-gradient(-30deg, #6eab50 0%, #a5de2f 49%, #98D338 100%);
} */

.bg--white {
    position: relative;
    background-color: #fff
}

.bg--light-blue {
    background-color: #FBFDFF
}

.bg--light-gray {
    background-color: #f9f9fb
}

.bg--gray,
.ptengine-pagination span.current {
    position: relative;
    background-color: #FAFCFF
}

.bg--blue {
    position: relative;
    background-color: #344563;
}

.bg--darkblue {
    position: relative;
    background-color: #091E42;
}

#engage-screen,
#myptengine-screen {
    right: 0 !important;
}

.bg--purple {
    position: relative;
    background-color: #98D338
}

.bg--green {
    position: relative;
    background-color: #98D338
}

.bg--text {
    position: relative;
    background-color: #6E7076
}

.bg--slant--top:before {
    height: 36px;
    width: 100%;
    content: ' ';
    display: block;
    background-repeat: no-repeat
}

.bg--slant--bottom {
    padding-bottom: 72px;
    position: relative;
    /* background-color: #f9fcff; */
    z-index: 600
}

.bg--slant--bottom:after {
    height: 72px;
    width: 100%;
    position: absolute;
    z-index: -1;
    bottom: 0px;
    content: ' ';
    display: block;
    background-repeat: no-repeat
}

@media only screen and (min-width: 48em) {
    /*  .bg--slant--top:before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'><polygon fill='#fff' points='0,0 100,0 100,60 0,0' /></svg>")
    } */

    /*   .bg--slant--bottom:after {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'><polygon fill='#fff' points='0,40 0,100 100,100 0,40' /></svg>")
    } */
}

@media only screen and (min-width: 76em) {
    /* .bg--slant--top:before {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'><polygon fill='#fff' points='0,0 100,0 100,100 0,0' /></svg>")
    } */

    /* .bg--slant--bottom:after {
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'><polygon fill='#fff' points='0,40 0,100 100,100 0,0' /></svg>")
    } */
}

.bg--image--tech {
    position: relative
}

.bg--image--tech:before {
    content: ' ';
    width: 100%;
    height: 100%;
    top: 0px;
    display: block;
    left: 0px;
    opacity: 0.6;
    position: absolute;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.bg--image--tech.bg--bottom-aligned:before {
    background-position: center bottom
}

.ml--0 {
    margin-left: 0px !important
}

.ml--6 {
    margin-left: 6px
}

.ml--10 {
    margin-left: 10px
}

.ml--20 {
    margin-left: 20px
}

.ml--30 {
    margin-left: 30px
}

.ml--40 {
    margin-left: 40px
}

.ml--50 {
    margin-left: 50px
}

.ml--60 {
    margin-left: 60px
}

.ml--70 {
    margin-left: 70px
}

.ml--80 {
    margin-left: 80px
}

.ml--90 {
    margin-left: 90px
}

.ml--100 {
    margin-left: 100px
}

.ml--110 {
    margin-left: 110px
}

.ml--120 {
    margin-left: 120px
}

.mr--0 {
    margin-right: 0px !important
}

.mr--6 {
    margin-right: 6px
}

.mr--10 {
    margin-right: 10px
}

.mr--20 {
    margin-right: 20px
}

.mr--30 {
    margin-right: 30px
}

.mr--40 {
    margin-right: 40px
}

.mr--50 {
    margin-right: 50px
}

.mr--60 {
    margin-right: 60px
}

.mr--70 {
    margin-right: 70px
}

.mr--80 {
    margin-right: 80px
}

.mr--90 {
    margin-right: 90px
}

.mr--100 {
    margin-right: 100px
}

.mr--110 {
    margin-right: 110px
}

.mr--120 {
    margin-right: 120px
}

.pl--0 {
    padding-left: 0px !important
}

.pl--6 {
    padding-left: 6px
}

.pl--10 {
    padding-left: 10px
}

.pl--20 {
    padding-left: 20px
}

.pl--30 {
    padding-left: 30px
}

.pl--40 {
    padding-left: 40px
}

.pl--50 {
    padding-left: 50px
}

.pl--60 {
    padding-left: 60px
}

.pl--70 {
    padding-left: 70px
}

.pl--80 {
    padding-left: 80px
}

.pl--90 {
    padding-left: 90px
}

.pl--100 {
    padding-left: 100px
}

.pl--110 {
    padding-left: 110px
}

.pl--120 {
    padding-left: 120px
}

.pr--0 {
    padding-right: 0px !important
}

.pr--6 {
    padding-right: 6px
}

.pr--10 {
    padding-right: 10px
}

.pr--20 {
    padding-right: 20px
}

.pr--30 {
    padding-right: 30px
}

.pr--40 {
    padding-right: 40px
}

.pr--50 {
    padding-right: 50px
}

.pr--60 {
    padding-right: 60px
}

.pr--70 {
    padding-right: 70px
}

.pr--80 {
    padding-right: 80px
}

.pr--90 {
    padding-right: 90px
}

.pr--100 {
    padding-right: 100px
}

.pr--110 {
    padding-right: 110px
}

.pr--120 {
    padding-right: 120px
}

.pt--0 {
    padding-top: 0px !important
}

.pt--6 {
    padding-top: 6px
}

.pt--10 {
    padding-top: 10px
}

.pt--20 {
    padding-top: 20px
}

.pt--30 {
    padding-top: 30px
}

.pt--40 {
    padding-top: 40px
}

.pt--50 {
    padding-top: 50px
}

.pt--60 {
    padding-top: 60px
}

.pt--70 {
    padding-top: 70px
}

.pt--80 {
    padding-top: 80px
}

.pt--90 {
    padding-top: 90px
}

.pt--100 {
    padding-top: 100px
}

.pt--110 {
    padding-top: 110px
}

.pt--120 {
    padding-top: 120px
}

.pt--130 {
    padding-top: 130px
}

.pt--140 {
    padding-top: 130px
}

.pt--150 {
    padding-top: 130px
}

.pb--0 {
    padding-bottom: 0px !important
}

.pb--6 {
    padding-bottom: 6px
}

.pb--10 {
    padding-bottom: 10px
}

.pb--20 {
    padding-bottom: 20px
}

.pb--30 {
    padding-bottom: 30px
}

.pb--40 {
    padding-bottom: 40px
}

.pb--50 {
    padding-bottom: 50px
}

.pb--60 {
    padding-bottom: 60px
}

.pb--70 {
    padding-bottom: 70px
}

.pb--80 {
    padding-bottom: 80px
}

.pb--90 {
    padding-bottom: 90px
}

.pb--100 {
    padding-bottom: 100px
}

.pb--110 {
    padding-bottom: 110px
}

.pb--120 {
    padding-bottom: 120px
}

.pb--130 {
    padding-bottom: 130px
}

.pb--140 {
    padding-bottom: 140px
}

.pb--150 {
    padding-bottom: 150px
}

.pb--160 {
    padding-bottom: 160px
}

.pb--160 {
    padding-bottom: 160px
}

.pb--180 {
    padding-bottom: 180px
}

.mt--0 {
    margin-top: 0px !important
}

.mt--5 {
    margin-top: 5px
}

.mt--6 {
    margin-top: 6px
}

.mt--10 {
    margin-top: 10px
}

.mt--15 {
    margin-top: 15px
}

.mt--20 {
    margin-top: 20px
}

.mt--30 {
    margin-top: 30px
}

.mt--40 {
    margin-top: 40px
}

.mt--50 {
    margin-top: 50px
}

.mt--60 {
    margin-top: 60px
}

.mt--70 {
    margin-top: 70px
}

.mt--80 {
    margin-top: 80px
}

.mt--90 {
    margin-top: 90px
}

.mt--100 {
    margin-top: 100px
}

.mt--110 {
    margin-top: 110px
}

.mt--120 {
    margin-top: 120px
}

.mt--150 {
    margin-top: 130px
}

.mt--220 {
    margin-top: 220px
}

.mb--0 {
    margin-bottom: 0px !important
}

.mb--4 {
    margin-bottom: 4px
}
.mb--6 {
    margin-bottom: 6px
}

.mb--10 {
    margin-bottom: 10px
}

.mb--20 {
    margin-bottom: 20px
}

.mb--30 {
    margin-bottom: 30px
}

.mb--40 {
    margin-bottom: 40px
}

.mb--50 {
    margin-bottom: 50px
}

.mb--60 {
    margin-bottom: 60px
}

.mb--70 {
    margin-bottom: 70px
}

.mb--80 {
    margin-bottom: 80px
}

.mb--90 {
    margin-bottom: 90px
}

.mb--100 {
    margin-bottom: 100px
}

.mb--110 {
    margin-bottom: 110px
}

.mb--120 {
    margin-bottom: 120px
}

.mb--130 {
    margin-bottom: 130px
}

.mb--140 {
    margin-bottom: 130px
}

.mb--150 {
    margin-bottom: 150px
}

@media only screen and (max-width: 47em) {
    .pt--xs--0 {
        padding-top: 0px !important
    }

    .pt--xs--6 {
        padding-top: 6px
    }

    .pt--xs--10 {
        padding-top: 10px
    }

    .pt--xs--20 {
        padding-top: 20px
    }

    .pt--xs--30 {
        padding-top: 30px
    }

    .pt--xs--40 {
        padding-top: 40px
    }

    .pt--xs--50 {
        padding-top: 50px
    }

    .pt--xs--60 {
        padding-top: 60px
    }

    .pt--xs--70 {
        padding-top: 70px
    }

    .pt--xs--80 {
        padding-top: 80px
    }

    .pt--xs--90 {
        padding-top: 90px
    }

    .pt--xs--100 {
        padding-top: 100px
    }

    .pt--xs--110 {
        padding-top: 110px
    }

    .pt--xs--120 {
        padding-top: 120px
    }

    .pt--xs--130 {
        padding-top: 130px
    }

    .pt--xs--140 {
        padding-top: 130px
    }

    .pt--xs--150 {
        padding-top: 150px
    }

    .pb--xs--0 {
        padding-bottom: 0px !important
    }

    .pb--xs--6 {
        padding-bottom: 6px
    }

    .pb--xs--10 {
        padding-bottom: 10px
    }

    .pb--xs--20 {
        padding-bottom: 20px
    }

    .pb--xs--30 {
        padding-bottom: 30px
    }

    .pb--xs--40 {
        padding-bottom: 40px
    }

    .pb--xs--50 {
        padding-bottom: 50px
    }

    .pb--xs--60 {
        padding-bottom: 60px
    }

    .pb--xs--70 {
        padding-bottom: 70px
    }

    .pb--xs--80 {
        padding-bottom: 80px
    }

    .pb--xs--90 {
        padding-bottom: 90px
    }

    .pb--xs--100 {
        padding-bottom: 100px
    }

    .pb--xs--110 {
        padding-bottom: 110px
    }

    .pb--xs--120 {
        padding-bottom: 120px
    }

    .pb--xs--130 {
        padding-bottom: 130px
    }

    .pb--xs--140 {
        padding-bottom: 130px
    }

    .pb--xs--150 {
        padding-bottom: 130px
    }

    .pr--xs--0 {
        padding-right: 0px !important
    }

    .pr--xs--6 {
        padding-right: 6px
    }

    .pr--xs--10 {
        padding-right: 10px
    }

    .pr--xs--20 {
        padding-right: 20px
    }

    .pr--xs--30 {
        padding-right: 30px
    }

    .pr--xs--40 {
        padding-right: 40px
    }

    .pr--xs--50 {
        padding-right: 50px
    }

    .pr--xs--60 {
        padding-right: 60px
    }

    .pr--xs--70 {
        padding-right: 70px
    }

    .pr--xs--80 {
        padding-right: 80px
    }

    .pr--xs--90 {
        padding-right: 90px
    }

    .pr--xs--100 {
        padding-right: 100px
    }

    .pr--xs--110 {
        padding-right: 110px
    }

    .pr--xs--120 {
        padding-right: 120px
    }

    .pl--xs--6 {
        padding-left: 6px
    }

    .pl--xs--10 {
        padding-left: 10px
    }

    .pl--xs--20 {
        padding-left: 20px
    }

    .pl--xs--30 {
        padding-left: 30px
    }

    .pl--xs--40 {
        padding-left: 40px
    }

    .mt--xs--0 {
        margin-top: 0px !important
    }

    .mt--xs--6 {
        margin-top: 6px
    }

    .mt--xs--10 {
        margin-top: 10px
    }

    .mt--xs--20 {
        margin-top: 20px
    }

    .mt--xs--30 {
        margin-top: 30px
    }

    .mt--xs--40 {
        margin-top: 40px
    }

    .mt--xs--50 {
        margin-top: 50px
    }

    .mt--xs--60 {
        margin-top: 60px
    }

    .mt--xs--70 {
        margin-top: 70px
    }

    .mt--xs--80 {
        margin-top: 80px
    }

    .mt--xs--90 {
        margin-top: 90px
    }

    .mt--xs--100 {
        margin-top: 100px
    }

    .mt--xs--110 {
        margin-top: 110px
    }

    .mt--xs--120 {
        margin-top: 120px
    }

    .mt--xs--130 {
        margin-top: 130px
    }

    .mt--xs--140 {
        margin-top: 130px
    }

    .mt--xs--150 {
        margin-top: 130px
    }

    .mb--xs--0 {
        margin-bottom: 0px !important
    }

    .mb--xs--6 {
        margin-bottom: 6px
    }

    .mb--xs--10 {
        margin-bottom: 10px
    }

    .mb--xs--20 {
        margin-bottom: 20px
    }

    .mb--xs--30 {
        margin-bottom: 30px
    }

    .mb--xs--40 {
        margin-bottom: 40px
    }

    .mb--xs--50 {
        margin-bottom: 50px
    }

    .mb--xs--60 {
        margin-bottom: 60px
    }

    .mb--xs--70 {
        margin-bottom: 70px
    }

    .mb--xs--80 {
        margin-bottom: 80px
    }

    .mb--xs--90 {
        margin-bottom: 90px
    }

    .mb--xs--100 {
        margin-bottom: 100px
    }

    .mb--xs--110 {
        margin-bottom: 110px
    }

    .mb--xs--120 {
        margin-bottom: 120px
    }

    .mb--xs--130 {
        margin-bottom: 130px
    }

    .mb--xs--140 {
        margin-bottom: 130px
    }

    .mb--xs--150 {
        margin-bottom: 130px
    }

    .mr--xs--0 {
        margin-right: 0px !important
    }

    .mr--xs--10 {
        margin-right: 10px
    }

    .mr--xs--20 {
        margin-right: 20px
    }

    .mr--xs--40 {
        margin-right: 40px
    }

    .ml--xs--0 {
        margin-left: 0 !important
    }

    .ml--xs--10 {
        margin-left: 10px
    }

    .ml--xs--20 {
        margin-left: 20px
    }

    .ml--xs--30 {
        margin-left: 30px
    }

    .ml--xs--40 {
        margin-left: 40px
    }
}

@media only screen and (max-width: 64em) {
    .pt--sm--0 {
        padding-top: 0px !important
    }

    .pt--sm--6 {
        padding-top: 6px
    }

    .pt--sm--10 {
        padding-top: 10px
    }

    .pt--sm--20 {
        padding-top: 20px
    }

    .pt--sm--30 {
        padding-top: 30px
    }

    .pt--sm--40 {
        padding-top: 40px
    }

    .pt--sm--50 {
        padding-top: 50px
    }

    .pt--sm--60 {
        padding-top: 60px
    }

    .pt--sm--70 {
        padding-top: 70px
    }

    .pt--sm--80 {
        padding-top: 80px
    }

    .pt--sm--90 {
        padding-top: 90px
    }

    .pt--sm--100 {
        padding-top: 100px
    }

    .pt--sm--110 {
        padding-top: 110px
    }

    .pt--sm--120 {
        padding-top: 120px
    }

    .pt--sm--130 {
        padding-top: 130px
    }

    .pt--sm--140 {
        padding-top: 130px
    }

    .pt--sm--150 {
        padding-top: 130px
    }

    .pb--sm--0 {
        padding-bottom: 0px !important
    }

    .pb--sm--6 {
        padding-bottom: 6px
    }

    .pb--sm--10 {
        padding-bottom: 10px
    }

    .pb--sm--20 {
        padding-bottom: 20px
    }

    .pb--sm--30 {
        padding-bottom: 30px
    }

    .pb--sm--40 {
        padding-bottom: 40px
    }

    .pb--sm--50 {
        padding-bottom: 50px
    }

    .pb--sm--60 {
        padding-bottom: 60px
    }

    .pb--sm--70 {
        padding-bottom: 70px
    }

    .pb--sm--80 {
        padding-bottom: 80px
    }

    .pb--sm--90 {
        padding-bottom: 90px
    }

    .pb--sm--100 {
        padding-bottom: 100px
    }

    .pb--sm--110 {
        padding-bottom: 110px
    }

    .pb--sm--120 {
        padding-bottom: 120px
    }

    .pb--sm--130 {
        padding-bottom: 130px
    }

    .pb--sm--140 {
        padding-bottom: 130px
    }

    .pb--sm--150 {
        padding-bottom: 130px
    }

    .pr--sm--0 {
        padding-right: 0px !important
    }

    .pr--sm--6 {
        padding-right: 6px
    }

    .pr--sm--10 {
        padding-right: 10px
    }

    .pr--sm--20 {
        padding-right: 20px
    }

    .pr--sm--30 {
        padding-right: 30px
    }

    .pr--sm--40 {
        padding-right: 40px
    }

    .pr--sm--50 {
        padding-right: 50px
    }

    .pr--sm--60 {
        padding-right: 60px
    }

    .pr--sm--70 {
        padding-right: 70px
    }

    .pr--sm--80 {
        padding-right: 80px
    }

    .pr--sm--90 {
        padding-right: 90px
    }

    .pr--sm--100 {
        padding-right: 100px
    }

    .pr--sm--110 {
        padding-right: 110px
    }

    .pr--sm--120 {
        padding-right: 120px
    }

    .mt--sm--0 {
        margin-top: 0px !important
    }

    .mt--sm--6 {
        margin-top: 6px
    }

    .mt--sm--10 {
        margin-top: 10px
    }

    .mt--sm--20 {
        margin-top: 20px
    }

    .mt--sm--30 {
        margin-top: 30px
    }

    .mt--sm--40 {
        margin-top: 40px
    }

    .mt--sm--50 {
        margin-top: 50px
    }

    .mt--sm--60 {
        margin-top: 60px
    }

    .mt--sm--70 {
        margin-top: 70px
    }

    .mt--sm--80 {
        margin-top: 80px
    }

    .mt--sm--90 {
        margin-top: 90px
    }

    .mt--sm--100 {
        margin-top: 100px
    }

    .mt--sm--110 {
        margin-top: 110px
    }

    .mt--sm--120 {
        margin-top: 120px
    }

    .mt--sm--130 {
        margin-top: 130px
    }

    .mt--sm--140 {
        margin-top: 130px
    }

    .mt--sm--150 {
        margin-top: 130px
    }

    .mb--sm--0 {
        margin-bottom: 0px !important
    }

    .mb--sm--6 {
        margin-bottom: 6px
    }

    .mb--sm--10 {
        margin-bottom: 10px
    }

    .mb--sm--20 {
        margin-bottom: 20px
    }

    .mb--sm--30 {
        margin-bottom: 30px
    }

    .mb--sm--40 {
        margin-bottom: 40px
    }

    .mb--sm--50 {
        margin-bottom: 50px
    }

    .mb--sm--60 {
        margin-bottom: 60px
    }

    .mb--sm--70 {
        margin-bottom: 70px
    }

    .mb--sm--80 {
        margin-bottom: 80px
    }

    .mb--sm--90 {
        margin-bottom: 90px
    }

    .mb--sm--100 {
        margin-bottom: 100px
    }

    .mb--sm--110 {
        margin-bottom: 110px
    }

    .mb--sm--120 {
        margin-bottom: 120px
    }

    .mb--sm--130 {
        margin-bottom: 130px
    }

    .mb--sm--140 {
        margin-bottom: 130px
    }

    .mb--sm--150 {
        margin-bottom: 130px
    }

    .mr--sm--0 {
        margin-right: 0px !important
    }
}

@media only screen and (max-width: 75em) {
    .pt--md--0 {
        padding-top: 0px !important
    }

    .pt--md--6 {
        padding-top: 6px
    }

    .pt--md--10 {
        padding-top: 10px
    }

    .pt--md--20 {
        padding-top: 20px
    }

    .pt--md--30 {
        padding-top: 30px
    }

    .pt--md--40 {
        padding-top: 40px
    }

    .pt--md--50 {
        padding-top: 50px
    }

    .pt--md--60 {
        padding-top: 60px
    }

    .pt--md--70 {
        padding-top: 70px
    }

    .pt--md--80 {
        padding-top: 80px
    }

    .pt--md--90 {
        padding-top: 90px
    }

    .pt--md--100 {
        padding-top: 100px
    }

    .pt--md--110 {
        padding-top: 110px
    }

    .pt--md--120 {
        padding-top: 120px
    }

    .pt--md--130 {
        padding-top: 130px
    }

    .pt--md--140 {
        padding-top: 130px
    }

    .pt--md--150 {
        padding-top: 130px
    }

    .pb--md--0 {
        padding-bottom: 0px !important
    }

    .pb--md--6 {
        padding-bottom: 6px
    }

    .pb--md--10 {
        padding-bottom: 10px
    }

    .pb--md--20 {
        padding-bottom: 20px
    }

    .pb--md--30 {
        padding-bottom: 30px
    }

    .pb--md--40 {
        padding-bottom: 40px
    }

    .pb--md--50 {
        padding-bottom: 50px
    }

    .pb--md--60 {
        padding-bottom: 60px
    }

    .pb--md--70 {
        padding-bottom: 70px
    }

    .pb--md--80 {
        padding-bottom: 80px
    }

    .pb--md--90 {
        padding-bottom: 90px
    }

    .pb--md--100 {
        padding-bottom: 100px
    }

    .pb--md--110 {
        padding-bottom: 110px
    }

    .pb--md--120 {
        padding-bottom: 120px
    }

    .pb--md--130 {
        padding-bottom: 130px
    }

    .pb--md--140 {
        padding-bottom: 130px
    }

    .pb--md--150 {
        padding-bottom: 130px
    }

    .pr--md--0 {
        padding-right: 0px !important
    }

    .pr--md--6 {
        padding-right: 6px
    }

    .pr--md--10 {
        padding-right: 10px
    }

    .pr--md--20 {
        padding-right: 20px
    }

    .pr--md--30 {
        padding-right: 30px
    }

    .pr--md--40 {
        padding-right: 40px
    }

    .pr--md--50 {
        padding-right: 50px
    }

    .pr--md--60 {
        padding-right: 60px
    }

    .pr--md--70 {
        padding-right: 70px
    }

    .pr--md--80 {
        padding-right: 80px
    }

    .pr--md--90 {
        padding-right: 90px
    }

    .pr--md--100 {
        padding-right: 100px
    }

    .pr--md--110 {
        padding-right: 110px
    }

    .pr--md--120 {
        padding-right: 120px
    }

    .mt--md--0 {
        margin-top: 0px !important
    }

    .mt--md--6 {
        margin-top: 6px
    }

    .mt--md--10 {
        margin-top: 10px
    }

    .mt--md--20 {
        margin-top: 20px
    }

    .mt--md--30 {
        margin-top: 30px
    }

    .mt--md--40 {
        margin-top: 40px
    }

    .mt--md--50 {
        margin-top: 50px
    }

    .mt--md--60 {
        margin-top: 60px
    }

    .mt--md--70 {
        margin-top: 70px
    }

    .mt--md--80 {
        margin-top: 80px
    }

    .mt--md--90 {
        margin-top: 90px
    }

    .mt--md--100 {
        margin-top: 100px
    }

    .mt--md--110 {
        margin-top: 110px
    }

    .mt--md--120 {
        margin-top: 120px
    }

    .mt--md--130 {
        margin-top: 130px
    }

    .mt--md--140 {
        margin-top: 130px
    }

    .mt--md--150 {
        margin-top: 130px
    }

    .mb--md--0 {
        margin-bottom: 0px !important
    }

    .mb--md--6 {
        margin-bottom: 6px
    }

    .mb--md--10 {
        margin-bottom: 10px
    }

    .mb--md--20 {
        margin-bottom: 20px
    }

    .mb--md--30 {
        margin-bottom: 30px
    }

    .mb--md--40 {
        margin-bottom: 40px
    }

    .mb--md--50 {
        margin-bottom: 50px
    }

    .mb--md--60 {
        margin-bottom: 60px
    }

    .mb--md--70 {
        margin-bottom: 70px
    }

    .mb--md--80 {
        margin-bottom: 80px
    }

    .mb--md--90 {
        margin-bottom: 90px
    }

    .mb--md--100 {
        margin-bottom: 100px
    }

    .mb--md--110 {
        margin-bottom: 110px
    }

    .mb--md--120 {
        margin-bottom: 120px
    }

    .mb--md--130 {
        margin-bottom: 130px
    }

    .mb--md--140 {
        margin-bottom: 130px
    }

    .mb--md--150 {
        margin-bottom: 130px
    }

    .mr--md--0 {
        margin-right: 0px !important
    }
}

.mt--first--0:first-child {
    margin-top: 0px
}

.pull--10 {
    position: relative;
    top: -10px;
    margin-bottom: -10px
}

.pull--20 {
    position: relative;
    top: -20px;
    margin-bottom: -20px
}

.pull--40 {
    position: relative;
    top: -40px;
    margin-bottom: -40px
}

.pull--60 {
    position: relative;
    top: -60px;
    margin-bottom: -60px
}

.pull--80 {
    position: relative;
    top: -80px;
    margin-bottom: -80px
}

.pull--100 {
    position: relative;
    top: -100px;
    margin-bottom: -100px
}

.pull--120 {
    position: relative;
    top: -120px;
    margin-bottom: -120px
}

.pull--140 {
    position: relative;
    top: -140px;
    margin-bottom: -140px
}

.pull--160 {
    position: relative;
    top: -160px;
    margin-bottom: -160px
}

.pull--200 {
    position: relative;
    top: -200px;
    margin-bottom: -200px
}

.push--6 {
    position: relative;
    top: 6px;
    margin-top: -6px
}

.push--8 {
    position: relative;
    top: 8px;
    margin-top: -8px
}

.push--10 {
    position: relative;
    top: 10px;
    margin-top: -10px
}

.push--20 {
    position: relative;
    top: 20px;
    margin-top: -20px
}

.push--40 {
    position: relative;
    top: 40px;
    margin-top: -40px
}

.push--60 {
    position: relative;
    top: 60px;
    margin-top: -60px
}

.push--80 {
    position: relative;
    top: 80px;
    margin-top: -80px
}

.push--100 {
    position: relative;
    top: 100px;
    margin-top: -100px
}

.push--120 {
    position: relative;
    top: 120px;
    margin-top: -120px
}

.push--140 {
    position: relative;
    top: 140px;
    margin-top: -140px
}

@media only screen and (max-width: 48em) {
    .pull--xs--0 {
        top: 0px;
        margin-bottom: 0px
    }
}

.commission__graph {
    height: 62px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    display: flex;
    align-items: center;
    position: relative
}

.commission__graph__line {
    height: 62px;
    display: flex;
    margin-left: 3px;
    width: calc(100% - 6px);
    justify-content: space-between
}

.commission__graph__line>div {
    margin-right: 5px;
    position: relative;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase
}

.commission__graph__line>div:after {
    height: 22px;
    width: 1px;
    content: ' ';
    background: #ccc;
    display: block;
    position: absolute;
    top: 20px;
    right: -3px
}

.commission__graph__line>div:before {
    height: 1px;
    width: calc(100% - 6px);
    content: ' ';
    background: #ccc;
    display: block;
    position: absolute;
    top: 50%;
    left: 3px
}

.commission__graph__line>div:last-child {
    margin-right: 0px
}

.commission__graph__line>div:last-child:after {
    display: none
}

.commission__plans {
    display: flex;
    margin-left: 3px;
    width: calc(100% - 6px);
    justify-content: space-between;
    margin-top: 20px
}

.commission__plans>div {
    margin-right: 5px;
    position: relative;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase
}

.commission__plans>div:last-child {
    margin-right: 0px
}

.commission__plans>div:nth-of-type(1) .commission__plans__plan {
    background: #4AE6D7
}

.commission__plans>div:nth-of-type(2) .commission__plans__plan {
    background: #4855E1
}

.commission__plans>div:nth-of-type(3) .commission__plans__plan {
    background: #BEDE81
}

.commission__plans>div:nth-of-type(4) .commission__plans__plan {
    background: #D26AC7
}

.commission__plans__plan {
    padding: 11px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px
}

.commission__calculations {
    margin-top: 40px;
    color: #777
}

.commission__calculations ul {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px
}

.commission__calculations ul:last-child {
    border-bottom: 0px
}

.commission__total {
    border-top: 4px solid #eee;
    padding-top: 40px;
    font-size: 22px;
    color: #777;
    text-align: center
}

.commission__calculation__content {
    display: none;
    margin-top: 10px;
    text-align: left;
    margin-left: 10px;
    font-family: "Myriad Pro", "Helvetica", "arial", "メイリオ", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    body border-left: 2px solid #98D338;
    color: #333;
    background: #fff;
    font-size: 14px;
    padding: 16px 22px;
    line-height: 26px
}

.calculation {
    padding: 40px;
    background: #fafafa;
    position: relative;
    margin-bottom: 20px
}

.calculation .title {
    font-weight: 600;
    margin-bottom: 10px;
    margin-bottom: 10px
}

.calculation .description {
    margin-bottom: 30px
}

.calculation:before {
    position: absolute;
    display: block;
    content: ' ';
    top: 28px;
    left: -26px;
    width: 55px;
    height: 55px;
    background-image: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 136 136" height="136px" id="Layer_1" version="1.1" viewBox="0 0 136 136" width="136px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M91.087,27.988H79.062H68.181H40.763c-2.114,0-3.838,1.722-3.838,3.83v68.39    c0,2.106,1.724,3.83,3.838,3.83h50.324c2.116,0,3.838-1.724,3.838-3.83V81.662V47.207V31.818    C94.925,29.712,93.201,27.988,91.087,27.988z" fill="#455361"/></g></g><g><g><rect fill="#EBD16F" height="13.426" width="49.132" x="41.396" y="32.434"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="41.396" y="50.334"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="54.821" y="50.334"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="68.246" y="50.334"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="81.672" y="50.334"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="41.396" y="63.76"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="54.821" y="63.76"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="68.246" y="63.76"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="81.672" y="63.76"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="41.396" y="77.185"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="54.821" y="77.185"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="68.246" y="77.185"/></g></g><g><g><rect fill="#598F8D" height="22.519" width="8.95" x="81.672" y="77.185"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="41.396" y="90.61"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="54.821" y="90.61"/></g></g><g><g><rect fill="#F2ECE5" height="8.95" width="8.95" x="68.246" y="90.61"/></g></g><g><g><g><rect fill="#F2ECE5" height="6" width="1" x="85.647" y="85.443"/></g></g><g><g><rect fill="#F2ECE5" height="1" width="6" x="83.147" y="87.943"/></g></g></g><g><g><g><rect fill="#598F8D" height="1" width="6" x="83.147" y="67.734"/></g></g></g><g><g><g><rect fill="#598F8D" height="5.999" transform="matrix(0.7071 0.7071 -0.7071 0.7071 63.9875 -44.8624)" width="1" x="85.648" y="51.809"/></g></g><g><g><rect fill="#598F8D" height="1" transform="matrix(0.7071 0.7071 -0.7071 0.7071 63.9875 -44.8624)" width="5.999" x="83.148" y="54.309"/></g></g></g></svg>');
    background-size: 55px 55px;
    background-repeat: no-repeat
}

.calculation>*:last-child {
    margin-bottom: 0px
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

.StripeElement {
    padding: 11px 16px;
    border-radius: 4px;
    border: 2px solid #e6e5f0
}

.StripeElement:hover {
    border-color: #c7c5dd
}

.StripeElement--focus {
    border-color: #98D338
}

.StripeElement--focus:hover {
    border-color: #98D338
}

.StripeElement--invalid {
    border: 2px solid #e6e5f0
}

.StripeElement--invalid:hover {
    border-color: #c7c5dd
}

.StripeElement--invalid.StripeElement--focus {
    border-color: #98D338
}

.StripeElement--invalid.StripeElement--focus:hover {
    border-color: #98D338
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important
}

.switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 12px
}

.switch.disabled {
    opacity: 0.3
}

.switch input {
    position: relative;
    background: transparent;
    opacity: 0;
    border: 0px
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 0px;
    bottom: -3px;
    background: #777;
    -webkit-transition: .4s;
    transition: .4s
}

input:checked+.slider {
    background-color: #7b62f1
}

input:checked+.slider:before {
    background-color: #98D338
}

input:focus+.slider {
    box-shadow: 0 0 1px #7b62f1
}

input:checked+.slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px)
}

.slider {
    border-radius: 34px
}

.slider:before {
    border-radius: 50%
}

.cta-mini {
    max-width: 297.6px;
    float: right;
    margin-bottom: 28.8px;
    margin-top: 6px;
    margin-left: 40px
}

.cta-mini--default {
    border-top: 6px solid #f4f4f4;
    border-bottom: 6px solid #f4f4f4;
    background: #f1f7ff;
    padding: 28.8px
}

@media only screen and (max-width: 47.9999em) {
    .cta-mini {
        width: calc(100% - 80px);
        float: none;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (min-width: 64em) {
    .cta-mini {
        margin-right: -160px
    }
}

@media only screen and (min-width: 72em) {
    .cta-mini {
        margin-right: -210px
    }
}

@media only screen and (min-width: 78em) {
    .cta-mini {
        margin-right: -260px
    }
}

@media only screen and (min-width: 85em) {
    .cta-mini {
        margin-right: -340px
    }
}

.user-content .wp-caption,
.user-content .essb-click-to-tweet,
.featured-snippet {
    width: auto;
    overflow: hidden
}

.user-content pre {
    width: auto
}

.newsletter-promo {
    height: 240px
}

.newsletter-promo .front,
.newsletter-promo .back {
    height: 240px
}

.newsletter-promo .flipper {
    transform-origin: 100% 120px
}

.newsletter-promo .front {
    background: #f1f7ff;
    background-image: url("../fonts/newsletter-bg.svg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
    display: flex;
    align-items: center;
    padding: 40px;
    box-sizing: border-box
}

.newsletter-promo .front .title {
    margin: 0px;
    line-height: 1.2;
    font-weight: 900
}

.newsletter-promo .front .button:hover,
.newsletter-promo .front .button--text--purple:hover,
.newsletter-promo .front .button--text--green:hover,
.newsletter-promo .front .button--text--white:hover,
.newsletter-promo .front .button--ghost--white:hover,
.newsletter-promo .front .plan-box--active .plan-box__button--active--ghost--white:hover,
.plan-box--active .newsletter-promo .front .plan-box__button--active--ghost--white:hover,
.newsletter-promo .front #site-menu--default .site-menu__nav a.login:hover,
#site-menu--default .site-menu__nav .newsletter-promo .front a.login:hover,
.newsletter-promo .front .button--ghost--gray:hover,
.newsletter-promo .front .comment-reply-link:hover,
.newsletter-promo .front .plan-box--active .plan-box__button--active--ghost--gray:hover,
.plan-box--active .newsletter-promo .front .plan-box__button--active--ghost--gray:hover,
.newsletter-promo .front .ptengine-pagination a.page-numbers:hover:not(.next):not(.prev),
.ptengine-pagination .newsletter-promo .front a.page-numbers:hover:not(.next):not(.prev),
.newsletter-promo .front .button--ghost--green:hover,
.newsletter-promo .front .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:hover,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .front .plan-box__hover__button--ghost--green:hover,
.newsletter-promo .front .plan-box--active .plan-box__button--active--ghost--green:hover,
.plan-box--active .newsletter-promo .front .plan-box__button--active--ghost--green:hover,
.newsletter-promo .front .button--ghost--purple:hover,
.newsletter-promo .front .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:hover,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .front .plan-box__hover__button--ghost--purple:hover,
.newsletter-promo .front .plan-box--active .plan-box__button--active--ghost--purple:hover,
.plan-box--active .newsletter-promo .front .plan-box__button--active--ghost--purple:hover,
.newsletter-promo .front .ptengine-pagination a.next:hover,
.ptengine-pagination .newsletter-promo .front a.next:hover,
.newsletter-promo .front .ptengine-pagination a.prev:hover,
.ptengine-pagination .newsletter-promo .front a.prev:hover,
.newsletter-promo .front #site-menu--hover .site-menu__nav a.login:hover,
#site-menu--hover .site-menu__nav .newsletter-promo .front a.login:hover,
.newsletter-promo .front .button--green:hover,
.newsletter-promo .front .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green:hover,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .front .plan-box__hover__button--green:hover,
.newsletter-promo .front .plan-box--active .plan-box__button--active--green:hover,
.plan-box--active .newsletter-promo .front .plan-box__button--active--green:hover,
.newsletter-promo .front .button--white:hover,
.newsletter-promo .front .button--purple:hover,
.newsletter-promo .front #respond #submit:hover,
#respond .newsletter-promo .front #submit:hover,
.newsletter-promo .front .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:hover,
.plan-box:hover:not(.plan-box--active) .newsletter-promo .front .plan-box__hover__button--purple:hover,
.newsletter-promo .front .plan-box--active .plan-box__button--active--purple:hover,
.plan-box--active .newsletter-promo .front .plan-box__button--active--purple:hover,
.newsletter-promo .front .plan-col:hover .plan-col__choose a:hover,
.plan-col:hover .plan-col__choose .newsletter-promo .front a:hover,
.newsletter-promo .front .button--darkGray:hover,
.newsletter-promo .front .ptengine-pagination span.current:hover,
.ptengine-pagination .newsletter-promo .front span.current:hover {
    background: #f1f7ff !important
}

.newsletter-promo .back {
    padding: 40px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    color: #fff;
    background-image: linear-gradient(to right, #336aed, #98D338)
}

.newsletter-promo .back form {
    margin-top: 20px
}

.newsletter-promo .back .title {
    margin: 0px;
    line-height: 1.2;
    font-weight: 900;
    color: #fff
}

.newsletter-promo .back a.link--purple--green--underline {
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: none !important
}

.newsletter-promo .back a.link--purple--green--underline:before {
    border-bottom: 1px solid #fff !important
}

.wide-newsletter-promo .newsletter-promo .default {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.wide-newsletter-promo .newsletter-promo .default .subtitle {
    margin: 0px;
    margin-top: 20px
}

@media only screen and (max-width: 48em) {
    .flip-container {
        width: calc(100% + 2rem) !important;
        margin-left: -1rem
    }

    .newsletter-promo {
        height: 380px
    }

    .newsletter-promo .terms-checkbox {
        margin-left: -16px
    }

    .newsletter-promo .terms-checkbox .checkbox-label {
        align-items: flex-start
    }

    .newsletter-promo .terms-checkbox .checkbox-label .checkbox {
        position: relative;
        top: 4px
    }

    .newsletter-promo .front,
    .newsletter-promo .back {
        height: 380px
    }

    .newsletter-promo .flipper {
        transform-origin: 100% 190px
    }

    .wide-newsletter-promo .newsletter-promo .default {
        display: block
    }

    .wide-newsletter-promo .newsletter-promo .default .subtitle {
        margin-bottom: 20px
    }
}

#floating-contact {
    position: fixed;
    width: 100%;
    bottom: 20px;
    left: 0px;
    display: none;
    pointer-events: none;
    z-index: 8888
}

#floating-contact.hasCookieBar {
    bottom: 120px
}

#floating-contact.hasCookieSavedBar {
    bottom: 96px
}

#floating-contact .button,
#floating-contact .button--text--purple,
#floating-contact .button--text--green,
#floating-contact .button--text--white,
#floating-contact .button--ghost--white,
#floating-contact .plan-box--active .plan-box__button--active--ghost--white,
.plan-box--active #floating-contact .plan-box__button--active--ghost--white,
#floating-contact #site-menu--default .site-menu__nav a.login,
#site-menu--default .site-menu__nav #floating-contact a.login,
#floating-contact .button--ghost--gray,
#floating-contact .comment-reply-link,
#floating-contact .plan-box--active .plan-box__button--active--ghost--gray,
.plan-box--active #floating-contact .plan-box__button--active--ghost--gray,
#floating-contact .ptengine-pagination a.page-numbers:not(.next):not(.prev),
.ptengine-pagination #floating-contact a.page-numbers:not(.next):not(.prev),
#floating-contact .button--ghost--green,
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green,
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--ghost--green,
#floating-contact .plan-box--active .plan-box__button--active--ghost--green,
.plan-box--active #floating-contact .plan-box__button--active--ghost--green,
#floating-contact .button--ghost--purple,
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple,
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--ghost--purple,
#floating-contact .plan-box--active .plan-box__button--active--ghost--purple,
.plan-box--active #floating-contact .plan-box__button--active--ghost--purple,
#floating-contact .ptengine-pagination a.next,
.ptengine-pagination #floating-contact a.next,
#floating-contact .ptengine-pagination a.prev,
.ptengine-pagination #floating-contact a.prev,
#floating-contact #site-menu--hover .site-menu__nav a.login,
#site-menu--hover .site-menu__nav #floating-contact a.login,
#floating-contact .button--green,
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green,
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--green,
#floating-contact .plan-box--active .plan-box__button--active--green,
.plan-box--active #floating-contact .plan-box__button--active--green,
#floating-contact .button--white,
#floating-contact .button--purple,
#floating-contact #respond #submit,
#respond #floating-contact #submit,
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple,
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--purple,
#floating-contact .plan-box--active .plan-box__button--active--purple,
.plan-box--active #floating-contact .plan-box__button--active--purple,
#floating-contact .plan-col:hover .plan-col__choose a,
.plan-col:hover .plan-col__choose #floating-contact a,
#floating-contact .button--darkGray,
#floating-contact .ptengine-pagination span.current,
.ptengine-pagination #floating-contact span.current {
    box-shadow: 0 4px 8px 0 rgba(67, 65, 78, 0.16);
    pointer-events: all
}

#floating-contact .button:hover,
#floating-contact .button--text--purple:hover,
#floating-contact .button--text--green:hover,
#floating-contact .button--text--white:hover,
#floating-contact .button--ghost--white:hover,
#floating-contact .plan-box--active .plan-box__button--active--ghost--white:hover,
.plan-box--active #floating-contact .plan-box__button--active--ghost--white:hover,
#floating-contact #site-menu--default .site-menu__nav a.login:hover,
#site-menu--default .site-menu__nav #floating-contact a.login:hover,
#floating-contact .button--ghost--gray:hover,
#floating-contact .comment-reply-link:hover,
#floating-contact .plan-box--active .plan-box__button--active--ghost--gray:hover,
.plan-box--active #floating-contact .plan-box__button--active--ghost--gray:hover,
#floating-contact .ptengine-pagination a.page-numbers:hover:not(.next):not(.prev),
.ptengine-pagination #floating-contact a.page-numbers:hover:not(.next):not(.prev),
#floating-contact .button--ghost--green:hover,
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:hover,
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--ghost--green:hover,
#floating-contact .plan-box--active .plan-box__button--active--ghost--green:hover,
.plan-box--active #floating-contact .plan-box__button--active--ghost--green:hover,
#floating-contact .button--ghost--purple:hover,
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:hover,
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--ghost--purple:hover,
#floating-contact .plan-box--active .plan-box__button--active--ghost--purple:hover,
.plan-box--active #floating-contact .plan-box__button--active--ghost--purple:hover,
#floating-contact .ptengine-pagination a.next:hover,
.ptengine-pagination #floating-contact a.next:hover,
#floating-contact .ptengine-pagination a.prev:hover,
.ptengine-pagination #floating-contact a.prev:hover,
#floating-contact #site-menu--hover .site-menu__nav a.login:hover,
#site-menu--hover .site-menu__nav #floating-contact a.login:hover,
#floating-contact .button--green:hover,
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green:hover,
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--green:hover,
#floating-contact .plan-box--active .plan-box__button--active--green:hover,
.plan-box--active #floating-contact .plan-box__button--active--green:hover,
#floating-contact .button--white:hover,
#floating-contact .button--purple:hover,
#floating-contact #respond #submit:hover,
#respond #floating-contact #submit:hover,
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:hover,
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--purple:hover,
#floating-contact .plan-box--active .plan-box__button--active--purple:hover,
.plan-box--active #floating-contact .plan-box__button--active--purple:hover,
#floating-contact .plan-col:hover .plan-col__choose a:hover,
.plan-col:hover .plan-col__choose #floating-contact a:hover,
#floating-contact .button--darkGray:hover,
#floating-contact .ptengine-pagination span.current:hover,
.ptengine-pagination #floating-contact span.current:hover {
    background: #fff;
    color: #98D338
}

#floating-contact .button:hover svg *[fill]:not([fill="none"]),
#floating-contact .button--text--purple:hover svg *[fill]:not([fill="none"]),
#floating-contact .button--text--green:hover svg *[fill]:not([fill="none"]),
#floating-contact .button--text--white:hover svg *[fill]:not([fill="none"]),
#floating-contact .button--ghost--white:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-box--active .plan-box__button--active--ghost--white:hover svg *[fill]:not([fill="none"]),
.plan-box--active #floating-contact .plan-box__button--active--ghost--white:hover svg *[fill]:not([fill="none"]),
#floating-contact #site-menu--default .site-menu__nav a.login:hover svg *[fill]:not([fill="none"]),
#site-menu--default .site-menu__nav #floating-contact a.login:hover svg *[fill]:not([fill="none"]),
#floating-contact .button--ghost--gray:hover svg *[fill]:not([fill="none"]),
#floating-contact .comment-reply-link:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-box--active .plan-box__button--active--ghost--gray:hover svg *[fill]:not([fill="none"]),
.plan-box--active #floating-contact .plan-box__button--active--ghost--gray:hover svg *[fill]:not([fill="none"]),
#floating-contact .ptengine-pagination a.page-numbers:hover:not(.next):not(.prev) svg *[fill]:not([fill="none"]),
.ptengine-pagination #floating-contact a.page-numbers:hover:not(.next):not(.prev) svg *[fill]:not([fill="none"]),
#floating-contact .button--ghost--green:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:hover svg *[fill]:not([fill="none"]),
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--ghost--green:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-box--active .plan-box__button--active--ghost--green:hover svg *[fill]:not([fill="none"]),
.plan-box--active #floating-contact .plan-box__button--active--ghost--green:hover svg *[fill]:not([fill="none"]),
#floating-contact .button--ghost--purple:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:hover svg *[fill]:not([fill="none"]),
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--ghost--purple:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-box--active .plan-box__button--active--ghost--purple:hover svg *[fill]:not([fill="none"]),
.plan-box--active #floating-contact .plan-box__button--active--ghost--purple:hover svg *[fill]:not([fill="none"]),
#floating-contact .ptengine-pagination a.next:hover svg *[fill]:not([fill="none"]),
.ptengine-pagination #floating-contact a.next:hover svg *[fill]:not([fill="none"]),
#floating-contact .ptengine-pagination a.prev:hover svg *[fill]:not([fill="none"]),
.ptengine-pagination #floating-contact a.prev:hover svg *[fill]:not([fill="none"]),
#floating-contact #site-menu--hover .site-menu__nav a.login:hover svg *[fill]:not([fill="none"]),
#site-menu--hover .site-menu__nav #floating-contact a.login:hover svg *[fill]:not([fill="none"]),
#floating-contact .button--green:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--green:hover svg *[fill]:not([fill="none"]),
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--green:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-box--active .plan-box__button--active--green:hover svg *[fill]:not([fill="none"]),
.plan-box--active #floating-contact .plan-box__button--active--green:hover svg *[fill]:not([fill="none"]),
#floating-contact .button--white:hover svg *[fill]:not([fill="none"]),
#floating-contact .button--purple:hover svg *[fill]:not([fill="none"]),
#floating-contact #respond #submit:hover svg *[fill]:not([fill="none"]),
#respond #floating-contact #submit:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:hover svg *[fill]:not([fill="none"]),
.plan-box:hover:not(.plan-box--active) #floating-contact .plan-box__hover__button--purple:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-box--active .plan-box__button--active--purple:hover svg *[fill]:not([fill="none"]),
.plan-box--active #floating-contact .plan-box__button--active--purple:hover svg *[fill]:not([fill="none"]),
#floating-contact .plan-col:hover .plan-col__choose a:hover svg *[fill]:not([fill="none"]),
.plan-col:hover .plan-col__choose #floating-contact a:hover svg *[fill]:not([fill="none"]),
#floating-contact .button--darkGray:hover svg *[fill]:not([fill="none"]),
#floating-contact .ptengine-pagination span.current:hover svg *[fill]:not([fill="none"]),
.ptengine-pagination #floating-contact span.current:hover svg *[fill]:not([fill="none"]) {
    fill: #98D338
}

@media only screen and (max-width: 48em) {
    #floating-contact.hasCookieBar {
        display: none
    }

    #floating-contact.hasCookieSavedBar {
        bottom: 120px
    }
}

@media only screen and (max-width: 64em) {
    #floating-contact.hasCookieBar {
        bottom: 158px
    }

    #floating-contact.hasCookieSavedBar {
        bottom: 96px
    }
}


body {
    min-height: 100%;
    overflow-x: hidden
}

.screen-reader-text {
    display: none
}

body {
    position: relative
}

.overflow--hidden {
    overflow: hidden
}

body.modal-open {
    overflow: hidden;
}

.pointer {
    cursor: pointer
}

.display--inline {
    display: inline-block
}

.position--relative {
    position: relative
}

.display--block {
    display: block
}

@media only screen and (max-width: 47.999em) {
    .display--xs--block {
        display: block
    }
}

.height--100 {
    height: 100%
}

img {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 0px
}

svg {
    display: block;
    margin: 0
}

a {
    cursor: pointer;
    color: #76ca20;
}

/* a:hover,
a:focus {
    color: #5ab200;
} */

input:focus::-webkit-input-placeholder {
    opacity: 0.3
}

input:focus::-moz-placeholder {
    opacity: 0.3
}

input:focus:-ms-input-placeholder {
    opacity: 0.3
}

input:focus:-moz-placeholder {
    opacity: 0.3
}

button {
    cursor: pointer
}

.align--center {
    margin-left: auto;
    margin-right: auto
}

.logo-image,
.logo-image img {
    max-width: 200px;
    margin-bottom: 15px;
}

.head-shot img {

    width: 60px;
    border-radius: 100%;
    height: 60px;

}

input[name="user_email"],
input[name="user_age"] {
    display: none !important
}

.temporary-notice {
    background: #FDFCEF;
    padding: 20px
}

.fancybox-close-small:after {
    outline: none !important
}

.fancybox-close-small {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('data:image/svg+xml;utf8,<svg width="12px" height="12px" viewBox="0 0 19 19" version="1.1" xmlns="http://www.w3.org/2000/svg"><g id="Translation" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="square"><g id="Blog-/-Translation-not-available" transform="translate(-959.000000, -195.000000)" stroke="#43414E"><g id="popup" transform="translate(275.000000, 156.000000)"><g id="Icons/Close/M" transform="translate(678.000000, 32.000000)"><g id="Group" transform="translate(7.000000, 8.000000)"><path d="M0.5,0.5 L16.0724115,16.0724115" id="Line" stroke-width="2"></path><path d="M0.5,0.5 L16.0724115,16.0724115" id="Line" stroke-width="2" transform="translate(8.500000, 8.500000) scale(-1, 1) translate(-8.500000, -8.500000) "></path></g></g></g></g></g></svg>')
}

.fancybox-close-small:after {
    content: " ";
    background: transparent
}

.fancybox-close-small:hover:after {
    background: transparent
}

#in-page-nav {
    width: 100%;
    max-width: 200px
}

.color--white .terms-checkbox a,
.plan-box--active.plan-box--active--color--white .terms-checkbox a {
    border-bottom: 0px
}

.mini-divider {
    margin-top: 20px;
    margin-bottom: 20px;
    height: 7px;
    width: 70px;
    background: #f3f3f6
}

.flip-container {
    perspective: 1000px
}

.flip-container.flip .flipper {
    transform: rotateY(180deg)
}

.flip-container,
.front,
.back {
    width: 100%
}

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative
}

.front,
.back {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.front {
    z-index: 2;
    transform: rotateY(0deg)
}

.back {
    transform: rotateY(180deg)
}

.vertical.flip-container {
    position: relative
}

.vertical .back {
    transform: rotateX(180deg)
}

.vertical.flip-container.flip .flipper {
    transform: rotateX(-180deg)
}

.site-menu__logo img {
    width: 100px;
    height: 26px;
}

.button--ghost--purple {
    border-width: 1px;
}

.button--ghost--purple:hover {
    text-decoration: none;
}

.button--green.registration {

    background-color: #76CA20;
    border: 1px solid #76CA20;
    color: #FFFFFF !important;
    border-radius: 4px;
    padding: 3px 15px;
    height: 32px;
    font-size: 14px;
    min-width: 160px;
    text-align: center;
    text-decoration: none;
    font-weight: 500;
}

.button--green.registration:hover {

    background-color: #64B40A;
    border: 1px solid #64B40A;
    color: #FFFFFF !important;

    transition-duration: 0s !important;
    transition-delay: 0s !important;

}
.button--white#link-contact:hover {
    background-color: #98D338;
    border: 2px solid #98D338;
    color: #43414e;
}
.button--white#link-contact:hover svg *[fill]:not([fill="none"]),
.button--white#link-contact:focus svg *[fill]:not([fill="none"]) {
    fill: #43414e;
}

.site-footer-bar__social img {

    width: 83px;
    margin-right: 20px;
}

.button--small.button--white.row.nocol.xs-middle {

    width: 200px;

}

#peace-of-mind-group {
    position: absolute;
    right: -120px;
    top: -90px;
    z-index: -1;
}

#support-that-cares-group {
    position: absolute;
    left: 40px;
    top: -200px;
    z-index: -1;
}

#features-group {
    position: absolute;
    right: 30px;
    width: 46%;
    height: 303px;
    background-size: 100%;
    background-position: bottom;
    top: -45px;
    background-repeat: no-repeat;
}

#features-group1 {
    position: absolute;
    right: 30px;
    height: 300px;
    top: -100px;
    z-index: -1;
    width: 940px;
}

#features-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fancy-input {
    background: white;
    float: left;
    width: 85%;
    margin-top: 20px;
    border: 1px solid #a5adba;
    border-radius: 4px;
    box-shadow: 0 0 10px #efefef;
    height: 53px
}

.footer-input {
    background: white;
    float: left;
    width: 50%;
    margin-top: 20px;
    border-radius: 4px;
    border: 1px solid #81BD20;
}

.fancy-input input,
section.cta .fancy-input .btn {
    margin: 0
}

.fancy-input .btn {
    padding: 13px 22px;
    text-align: center;
    color: #fff;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #76CA20;
    position: absolute;
    z-index: 12;
    right: 15%;
    margin-top: -1px;
}

.footer-input .btn {
    float: right;
    padding: 13px 22px;
    text-align: center;
    color: #fff;
    background-color: #fa8738;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.footer-input .btn:hover {
    background-color: #ff6f00;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fancy-input.btn:hover {
    color: #fff;
}

.footer-input.btn:hover {
    color: #fff;
}

.fancy-input.btn:focus {
    color: #fff;
}

.footer-input.btn:focus {
    color: #fff;
}

.fancy-input input {
    float: left;
    border: none;
    margin-left: 35px;
    margin-top: 15px;
    width: 49%;
    font-size: 16px;
}

.footer-input input {
    float: left;
    border: none;
    margin-left: 35px;
    margin-top: 15px;
    width: 50%;
    font-size: 16px;
}

.close {

    top: 20px;
    position: absolute;
    right: 25px;
    opacity: 1;

}

.btn {
    background: #76CA20;
    font-size: 18px;
    color: #ffffff;
    padding: 13px 20px;
    margin-right: 0;
    border-radius: 3px;
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    box-shadow: none;
    border: none;
    text-decoration: none;
}

.btn:hover {
    background: #5AB200;
    color: #fff;
}

.btn.btn-sign-up {
    background: #76CA20;
    color: #fff;
}

.btn.btn-sign-up:hover {
    color: #fff;
    background: #5ab200;
}

.btn.btn-sign-up[disabled] {
    color: #fff;
    background: #76CA20;
    opacity: 0.5;
}

.btn.btn-sign-up[disabled]:hover {
    color: #fff;
    background: #76CA20;
    opacity: 0.5;
}

.privacy {
    font-size: 10px;
    line-height: 24px;
    text-align: center;
    margin-top: 20px;
    color: #344563;
}

.privacy a {
    text-decoration: none;
    color: #6e7076;
}

.privacy a:hover {
    text-decoration: underline;
    color: #6e7076;
}

.font-white {
    color: #fff !important
}

.font-bluee42 {
    color: #091E42 !important;
}

/* Hide Dropdowns by Default */
nav.site-menu__nav ul ul {

    position: absolute;
    top: 40px;
    margin-left: -50px;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    /* For Safari 3.1 to 6.0 */
    /*  -webkit-transition: width 1s linear 1s; 
      transition: width 1s linear 1s;
       
      
      transition: visibility 0s, opacity 0.2s linear; */
    transition-duration: 0s;
    transition-delay: 0s;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
}

.sub-menu {

    padding: 20px;
    border: 1px solid #e3e0e0;
    background: #fff;

}

.sub-menu a:hover {

    color: #98D338;
    background-image: none;
    -webkit-transition: width 2s linear 1s;
    /* For Safari 3.1 to 6.0 */
    transition: width 2s linear 1s;
    transition-duration: 0.2s;
    transition-delay: 0.2s;


}

/* Display Dropdowns on Hover */
nav.site-menu__nav ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    transition: all 0s ease-out;
    transition-duration: 0s;
    transition-delay: 0s;

}

/* Fisrt Tier Dropdown */
nav.site-menu__nav ul ul li {
    width: 170px;
    float: none;
    display: list-item;
    position: relative;
}

.quote__summery {
    background: #f4f4f4;
    min-height: 150px;
    padding: 50px;
    width: 75%;
    box-shadow: 0 10px 16px -6px rgba(23, 28, 33, .06);
}

.quote__summery h1 {
    font-size: 30px;
}

input:focus {
    outline: none;
}

.bl-img {
    height: 175px;
    text-align: center;
}

.fr-icon {
    width: 30px;
    height: 30px;
}

img.fr-img {

    position: relative;
    top: 0px;
    // right: -50px;
    width: 100%;

}

.phone img {
    width: 18px;
    position: relative;
    top: 3px;
    left: -4px;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 2.75;
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-top-color: rgb(206, 212, 218);
    border-right-color: rgb(206, 212, 218);
    border-bottom-color: rgb(206, 212, 218);
    border-left-color: rgb(206, 212, 218);
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.bg-signup {
    background-repeat: repeat;
    background-size: auto auto;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
}

.signup-en {
/*    box-shadow: 0 1px 5px 0 rgba(45, 62, 80, .12);
*/    background: #fff;
    padding: 30px 0 0;
}

.signup-client {
    /* background: #f6f9fc; */
    padding: 32px 200px 45px;
    margin-top: 50px;
}

.signin a {
    color: #76ca20;
    text-decoration: underline;
}

.signin a:hover {
    color: #5ab200;
    text-decoration: underline;
}

#has-invitation {
    line-height: 44px;
    height: 44px;
    text-decoration: underline;
    color: #6E7076;
}

#has-invitation:hover {
    color: #76CA20;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

ul.clients-list {
    margin: 10px auto;
    text-align: center;
    position: relative;
    width: fit-content;
    padding: 20px 0;
    width: -moz-fit-content;
    float: left;
}

.clients-list li {
    float: left;
    margin-right: 10px;
    width: 17%;
    padding: 0px 6px;
}

.modal {
    z-index: 9999 !important;
}

.modal-dialog {
    width: 100% !important;
    margin: 0 auto !important;
}

.phone-plan {
    width: auto;
    margin: auto;
    font-size: 16px;
    color: #a5adba;
    text-align: center;
}

.phone1 img {
    width: 16px;
    float: left;
}

.plan-bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6eab50+0,a5de2f+100 */
    background: #F6F9FC;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6eab50', endColorstr='#a5de2f', GradientType=1);
    /* IE6-9 */
    opacity: 1 !important;
}

.plan-bg:before {
    background: none !important
}

.resource-bar__breadcrumb {

    position: absolute;
    margin-top: 15px;
}

.resource-bar__breadcrumb .breadcrumb {
    background: none;
    font-size: 14px;
    font-weight: 600;
}

.modal-dialog {

    height: 100%;
}

.form-group {

    text-align: left;
    margin-bottom: 20px;

}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}

#contact {
    padding-right: 0px !important;
}

.modal-content {

    min-height: 100vh;
}

.plan-switcher {
    color: #A5ADBA;
}

.plan-switcher:hover {
    color: #A5ADBA;
    text-decoration: underline;
}

.faq-hd {
    color: #091e42;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
}

.iq-pl-150 {
    padding-left: 150px;
}

.overview-block-pt {
    padding: 100px 0;
}

.iq-faqs .card {
    border: 0px;
    background: none;
    box-shadow: none;
    padding: 5px 0px;
}

.iq-faqs .card-header {
    transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    padding: 0;
    height: 24px;
    background-color: inherit;
    border-bottom: none;
}

.iq-faqs .card-body {
    padding: 15px;
}

.iq-faqs .card-header a,
.iq-faqs .card-header a:hover {
    padding: 0 15px;
    display: inline-block;
    background-color: transparent;
    width: 100%;
    color: #091e42;
    line-height: 24px;
    font-size: 16px;
}

.iq-faqs .card-header .collapsed {
    color: #344563;
    background-color: transparent;
}

.iq-faqs .card-header a:after {
    font-family: 'ionicons';
    content: "\f2d7";
    float: right;
    font-size: 25px;
    color: #98D338;
}

.iq-faqs .card-header a.collapsed:after {
    content: "\f3d0";
}

.faqs-link {
    padding: 0;
    margin: 0;
}

.faqs-link li a {
    background: #f2f2f2;
    padding: 10px 10px 0px 15px;
    width: 100%;
    display: inline-block;
    margin-bottom: 6px;
}

.faqs-link li a:hover {
    background: #22a7f0;
    color: #ffffff;
}

.hd-desktop {
    display: none !important;
}

.hd-mobile {
    display: block !important;
}
/* decktop 样式 */
.pt-company-width-1{
    border-left: 1px solid #DFE7F5;
}

#site-menu--default .site-menu__nav a:hover {
    color: #000;
    font-weight: 700;
}

#law_list {}

#law_list li {
    line-height: 2em;
    margin: 0px 50px;
    border-top: 1px dashed #dadada;
    clear: both;
    padding: 26px 0;
    text-align: left;
    text-indent: 0;
    font-size: 125%;
}

#law_list li b {
    display: block;
    float: left;
    display: block;
    width: 180px;
    color: #363636;
    padding-left: 8px;
    font-weight: bold;
}

#law_list li em {
    color: #666666;
    display: block;
    padding-left: 220px;
}

#law_list li em a {
    color: #9EDB32;
    text-decoration: underline;
}

#law_list li p {
    white-space: nowrap;
    width: 552px;
    float: right;
}

#law_table_title {
    margin-bottom: 3px;
    font-weight: bold;
}

.text-white {
    color: #fff !important
}

.avatar--round {
    border-radius: 30px;
    border: 1px solid #DFE7F5;
}

.sm-green {

    font-size: 11px !important;
    background: #98D33833;
    margin: 0 1px;

}

.fnt-big {
    font-size: 20px;
    color: #091e42;
    text-decoration: none;
    font-weight: bold;
}

.hd-color {
    color: #091e42 !important;
}

.fnt-big:hover,
.fnt-big:focus {
    color: #091342;
    text-decoration: underline;
}


.price-carousel {
    display: none;
}

.price-carousel .slick-initialized {
    display: block;
}
.pr-img {

    margin-top: -100px;

}

/* .bg--image--tech,
.ptengine-hero {
    margin-top: -35px;
} */

#homepage {
    max-height: 300px !important;
    overflow: hidden;
}

.icons {
    width: 32px;
    height: 32px;
}

/*----------Sign up & Contact------------------*/
#contact-us .form-control:focus,
#signup-form .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-color: #5d6977;
}
.tabs__section h3, .tabs__section h4 {
    color: #091e42 !important;
}
.text--small.plan-box__name {
    color: #344563;
    font-size: 16px;
}
.case_studies h2 {
    height: 50px;
}
.tp-mr {
    margin-top: 30%;
}
/*--------Responsive ----------------*/
/*Extra small devices (portrait phones, less than 576px)
*/
img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}



/*Large devices (desktops, less than 1200px)
*/

@media (max-width: 1199.98px) {

    .site-menu__nav .ml--50 {
        margin-left: 30px !important;
    }
    .site-menu__nav a {
        text-decoration: none;
        text-transform: uppercase;
        font-size: 13px;
    }

  

}


/*Medium devices (tablets, less than 992px)
*/

@media (max-width: 991.98px) {
    .footer-input {

        width: 70%;

    }

    #mobile-nav-overlay {
        /* height: 97vh; */
    }

   

    .bg--gradient--purple-light-blue,
    #mobile-nav-overlay {
        background: #fff;
        box-shadow: 0 10px 20px 0 rgba(9, 30, 66, 0.2);
    }

    #mobile-nav-overlay ul {
        padding-top: 100px;

    }

    #mobile-nav-overlay ul li a {
        font-size: 18px;

    }

    ul.sub-menu {
        display: none !important;
    }

    .btn-sign-up {
        width: 100% !important;
    }

    .logo-mobile {
            z-index: 9999;
        /* border-bottom: 1px solid #FAFCFF; */
        position: absolute;
        width: 85%;
        margin-left: -10px;
        margin-top: 11px;
    }

    h4.mb-tx {
        text-align: center;
        font-weight: 300;
        letter-spacing: 3px;
    }
    a.button--green.registration {
        width: 100%;
        /* padding-top: 18px !important; */
        height: 50px;
        margin-left: 0px;
    }
    div#ptengine-hero {
    background-size: 64%, 100% !important;
    }
    .tabs__nav.tabs__nav--arrow div.active:before {
        background: none;
    }

}

/*Small devices (landscape phones, less than 768px)
*/
@media (max-width: 767.98px) {

    .white-mb {
        color: #fff !important;
    }
    .ptengine-hero.bg-mb-white {
        background: #fff !important;
         background-size: auto auto;
    }
    
  
    
     .hd-desktop {
        display: block !important;
    }

    .hd-mobile {
        display: none !important;
    }
    #contact-content{
        display: none;
    }
    .pt-contactus-container{
        margin:0;
    }


    .bg--gradient--dark-light-blue,
    .ptengine-hero,
    .ptengine-hero .overlay {
        background: #FAFCFF !important;
        height: auto !important;
    }

    .footer-input {

        width: 80%;

    }

    #features-group {
        position: relative;
        right: 0;
        width: 100%;
        height: 250px;
        background-repeat: no-repeat;
        z-index: 200;
        background-size: contain;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    .flipp {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }
    .fx-height {
        height: auto !important;
    }

    .xs-plr-30 {
        padding: 0 30px !important
    }

    .tabs__section img.fix-im {
        width: 100% !important;
        top: 0px !important;
        right: 0px !important;
    }

    .iq-faqs .card {
        padding: 15px 0px;
    }

    .iq-faqs .card-header a:after {

        margin-right: -20px;
    }

    .iq-faqs .card-header {
        height: 50px;
    }

    #support-that-cares-group {
        position: relative;
        left: 0;
        top: 0;
        z-index: -1;
    }

    .container.mt--120.mt--xs--0 {
        margin-top: 0px !important
    }

    #features-group1 {
        position: relative;

    }
    #mobile-nav-overlay ul {
        padding-top: 100px;
    }
        #mobile-nav-overlay ul {
        padding-top: 170px;
    }
    .pr-img {

        margin-top: 0;

        }

}


@media (max-width:1023px){
    .pt-topmenu-sem img{
        left: 170px;
        top: -4px !important;
    }  
}


.pt-cs-item{
    display: block;
    width: 100%;	
    height: 430px;
    border: 1px solid #E4EDF7;	
    border-radius: 4px;	
    background-color: #FFFFFF;	
    /* box-shadow: 0 2px 6px 0 rgba(205,217,231,0.47); */
}
.pt-cs-more{
    position: absolute;
    right: 30px;
    bottom: 20px;
}
.pt-cs-more >i{
    display: inline-block;
    width: 10px;
    height: 6px;
    position: relative;
    top: -3px;
}
.pt-cs-top-1-mask .pt-cs-more i svg .st1,
.pt-cs-top-4-mask .pt-cs-more i svg .st1{
    fill: #fff;
}
.pt-cs-top-row{
    font-size: 14px;
    line-height: 24px;
}
.pt-cs-top-row .pt-cs-top-3 p,
.pt-cs-top-row .pt-cs-top-4 p{
    line-height: 30px;
}
.pt-cs-top-row >div>a{
    display: block;
    width: 100%;
    border-radius: 4px; 
    border: 1px solid #E4EDF7;
    background-color: #FFFFFF;
    position: relative;
    height: 430px;
}
.pt-cs-top-row >div>a.pt-hover:hover p{
    text-decoration: none;
}
.pt-cs-top-row >div>a.pt-hover:hover p.pt-cs-more,
a.pt-hover.pt-cs-item:hover p.pt-cs-more{
    text-decoration: underline;
}
.pt-cs-top-row >div img{
    border-radius: 4px; 
}
.pt-cs-top-row p{
    word-break: break-all;
    font-size: 14px;
    line-height: 24px;
}
.pt-cs-top-1-mask{
    width: 270px;
    height: 100%;
    background-color: #00407D;
    color: #fff;
    position: absolute;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    opacity: 0.9;
}
.pt-cs-top-1 >img{
    position: absolute;
    right: 0;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pt-cs-top-2 > img{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.pt-cs-top-4-mask{
	height: 164px;
	width: 100%;
	opacity: 0.9;
	border-radius: 0 0 4px 4px;
    background-color: #F65100;
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 14px;
}
.pt-cs-top-4-mask >img{
    position: absolute;
    top: -56px;
    min-height: 19px;
    max-width: 48px;
}
.pt-cs-top-1 p.pt-cs-more,
.pt-cs-top-4 p.pt-cs-more{
    color: #fff;
}
.pt-cs-top-3 p{
    color: #344563;
}
a.pt-cs-top-2:hover,
a.pt-cs-top-3:hover,
a.pt-cs-item:hover{
    text-decoration: none;
}
.pt-cs-item p{
    font-size: 14px;
    line-height: 24px;
}
.pt-cs-top-2 p,
.pt-cs-item p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #344563;
    max-height: 96px;
}
.pt-cs-top-3 p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    max-height: 240px;
}
.pt-cs-top-4 p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 90px;
}

/* detail */
.pt-cs-detail-header{
    color: #091E42;	
}
.pt-cs-detail-title{
    color: #091E42;
    font-size: 32px;	
    font-weight: 600;
    line-height: 56px;
    margin-bottom: 26px;
}
.pt-cs-detail-header-person{
    position: absolute;
    bottom: 30px;
}
.pt-cs-detail-header-person-name{
    font-size: 20px;	
    font-weight: bold;	
    line-height: 29px;
}
.pt-cs-detail-block-more{
    text-align: center;
}
.pt-cs-detail-block-more-block {	
    height: 300px;	
    width: 370px;	
    border: 1px solid #E4EDF7;	
    border-radius: 4px;	
    background-color: #FFFFFF;
    text-align: left;
    padding: 30px;
}
.pt-cs-detail-block-more-block p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    color: #344563;
    font-size: 14px;
    line-height: 24px;
    max-height: 96px;
}
.pt-cs-detail-block-more-block img{
    max-height: 40px;
}
/* cs mobile */
.pt-cs-mobile-content{
    font-size: 14px;
}
.pt-cs-mobile-content-title {
	color: #344563;
	font-size: 24px;
    line-height: 40px;
    font-weight: 600;
}
.pt-cs-mobile-content-text {
	color: #5E6C84;
	font-size: 14px;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 14px;
    font-weight: 400;
}
.pt-cs-mobile-logo{
    height: 60px;
    width: 200px;
    margin: 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: 30px;
}
.pt-cs-mobile-logo>img{
    max-width: 50%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
a.pt-cs-mobile-more {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
	width: 200px;
	border: 2px solid #76CA20;
    border-radius: 4px;
    background: #fff;
    color: #76CA20;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.fs--28{
    font-size: 28px;
}
/* cs-detail-mobile */
.pt-cs-detail-m-header{
    background: #98D338;
    position: relative;
}
.pt-cs-detail-m-arrow{
    width:0;
    height:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:15px solid #98D338;
    position: absolute;
    top:-14px;
    left: 50%;
    transform: translateX(-50%);
}
.fs--18{
    font-size: 18px;
}
/* share */
.pt-cs-detail-share {
	border: 1px solid #DFE7F5;
	border-radius: 4px;
}
.pt-cs-detail-share-tilte ,
.pt-cs-detail-share-tilte img{
    display: inline-block;
}.pt-cs-detail-share-tilte img{
    position: relative;
    top:2px;
}
.pt-cs-detail-share-input {
	height: 40px;
	width: 240px;
	border: 1px solid #DFE7F5;
    background-color: #FFFFFF;
    padding: 10px;
}
.pt-cs-detail-share-button {
	height: 40px;
	width: 240px;
	border: 1px solid #091E42;
	border-radius: 4px;
    background-color: #091E42;
    color: #fff;
}
.pt-cs-detail-share-social ul.iq-media-blog li{
    display: inline-block;
	box-sizing: border-box;
    height: 32px;
    line-height: 32px;
	width: 32px;
    border: 0.8px solid #C1C7D0;
    border-radius: 50%;
    margin: 13px;
}
.pt-cs-detail-share-social ul.iq-media-blog li:hover{
    background: #98D338;
}
.pt-cs-detail-share-social ul.iq-media-blog li i{
    color: #5d6c85;
}
.pt-cs-detail-share-social-share {
	color: #344563;
	font-size: 14px;
	font-weight: 600;
	line-height: 19px;
    text-align: center;
    margin-bottom: 10px;
}
.pt-cs-detail-header-photo{
    width: 608px;
    height: 540px;
    float: right;
}

/* company 页面 */
.pt-company-header-wrapper{
    background-image: url(../images/company-banner.png);
    background-color: #F6F9FC;
    background-size: 100% auto; 
    height: 600px;
    background-position: bottom;
    background-repeat: no-repeat;
    position:relative;
}
.pt-company-header-wrapper .pt-topmenu-bottom-box{
    /* padding-bottom: 30px; */
}
.pt-company-header-m-img-wrapper{
    display: none;
}
.pt-company-content-m-3-text{
    
}
@media (max-width:1024px){
    .pt-company-header-wrapper{
        background-image: url();
    }
    .pt-company-header-m-img-wrapper{
        display: block;
        width: 100%;
    }
    .pt-company-header-m-img-wrapper > img{
        width: 100%;
        margin-bottom: -7px;
    }
    .pt-company-header-wrapper{
        height: auto;
    }
}
.pt-company-header{
    text-align: center;
    padding-top: 92px;
    padding-bottom: 30px;
}
@media (max-width:1025px){
    .pt-company-header{
        padding-top: 30px;
    }
}
.pt-company-header-title{
	color: #091E42;
	font-size: 32px;
	font-weight: 600;
	line-height: 43px;
    text-shadow: 0 2px 4px 0 #091E42;
}
.pt-company-content-4-m-title {
	color: #091E42;
	font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}
a.pt-company-link {
	color: #091E42;
	font-size: 16px;
    line-height: 24px;
}
a.pt-company-link:hover,
a.pt-company-link:active{
    font-weight: 600;
    color: #091E42;
    text-decoration: none;
}
a.pt-company-link.pt-company-link-active{
    font-weight: 600;
    color: #091E42;
    text-decoration: none;
}
.pt-company-content-title {
	color: #091E42;
	font-size: 28px;
	line-height: 42px;
    font-weight: 600;
}
.pt-company-content-title-s {
	color: #091E42;
	font-size: 20px;
	line-height: 20px;
}
.pt-company-content-td-1{
    width: 150px;
	color: #344563;
	font-size: 16px;
	line-height: 24px;
}
.pt-company-content-td-1-text {
	color: #344563;
	font-size: 16px;
	line-height: 24px;
}
.pt-company-mobile-manager-img-box{
    position: absolute;
    width: 87px;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pt-company-mobile-manager-text-box{
    min-height: 120px;
}
.pt-company-mobile-manager-img-box img{
    width: 100%;
}
.fw--600{
    font-weight: 600;
}
.pt-company--fl{
    float: left;
}
.pt-company--fr{
    float: right;
}
.pt-company-item{
    padding-bottom: 60px;
}
.pt-company-height-1px{
    width: 100%;
    height: 1px;
    background-color: #DFE7F5;
}
.pt-company-item.item5::after{
    height: 0;
}
.pt-company-item p{
	color: #344563;
	font-size: 18px;
    line-height: 32px;
}
.pt-company-item.item3 p,
.pt-company-item.item4 p,
.pt-company-item.item5 a{
    font-size: 16px;
    color: #344563;
    line-height: 28px;
}
.pt-company-item.item3 p.name {
	color: #091E42;
	font-size: 20px;
    line-height: 28px;
    font-weight: 600;
}
.pt-company-item-title2{
	color: #091E42;
	font-size: 18px;
    line-height: 28px;
    font-weight: 600;
}
.pt-company-item-text2 {
	height: 54px;
	width: 280px;
	color: #344563;
	font-size: 16px;
    line-height: 28px;
    padding-right: 50px;
}
.pt-company-item .pt-company-item-text2 >p{
    font-size: 14px;
	line-height: 28px;
}
.pt-company-item-text-map{
    text-decoration: underline;
    font-size: 14px;
    color: #344563;
    margin-top: 20px;
}
.pt-company-item-title4 {
	color: #091E42;
	font-size: 20px;
    line-height: 20px;
    font-weight: 600;
}
.pt-company-item-title4-2{
    font-size: 16px;
    font-weight: 600;
}
.pt-company-item-title5{
    color: #091E42;
	font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}
.mb--24{
    margin-bottom: 24px;
}
.pt-company-item-text5{
    font-size: 14px;
    line-height: 24px;
}
a.pt-company-button {
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
	width: 200px;
    border: 1px solid #98D338;
    color: #98D338;
    border-radius: 4px;
    font-weight: 600;
    background: #fff;
}
a.pt-company-button:hover{
    border: 1px solid #8AC628;
    color: #8AC628;
    text-decoration: none;
}
/* company mobile */
.pt-company-mobile-content-wrapper{
    padding-left: 7%;
    padding-right: 7%;
}
.pt-company-mobile-content{
    font-size: 14px;
}
.fs--16{
    font-size: 16px;
}
.fs--12{
    font-size: 12px;
}
.fw--300{
}
.pt-company-mobile-content ul{
    list-style: disc;
    padding-left: 15px;
}
.pt-company-mobile-manager{
    position: relative;
}
.pt-company-mobile-manager>img{
    position: absolute;
}
.pt-company-mobile-content-item .pt-company-button{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/* topmenu */
.pts-dropdown-tool{
    position: relative;
}
.pts-dropdown-box-wrapper{
    position: absolute;
    top: 30px;
    left: -90px;
    z-index: 100;
    padding-top: 30px;
    visibility: hidden;
    transition: all .2s ease;
}
.pts-dropdown-box{
	border: 1px solid #DFE7F5;
	border-radius: 4px;
	background-color: #FFFFFF;
    -webkit-box-shadow: 0 20px 20px 0 rgba(94,108,132,0.2);
    -moz-box-shadow: 0 20px 20px 0 rgba(94,108,132,0.2);
    box-shadow: 0 20px 20px 0 rgba(94,108,132,0.2);
    position: relative;
    padding: 40px;
}
.pts-dropdown-box-wrapper.wrapper-2{
    left: -5px;
}
nav.site-menu__nav ul li.pts-dropdown-tool:hover ul{
    opacity: 1;
    visibility: visible;
    position: relative;
    top: 0;
    left: 0;
}
.pts-dropdown-box.box-2{
    position: relative;
    -webkit-box-shadow: 0 20px 20px 0 rgba(94,108,132,0.2);
    -moz-box-shadow: 0 20px 20px 0 rgba(94,108,132,0.2);
    box-shadow: 0 20px 20px 0 rgba(94,108,132,0.2);
    padding: 10px 0;
}
.pts-dropdown-box.box-2 li{
    width: 128px;
    padding: 5px 20px;
}
.pts-dropdown-box.box-2 li:hover{
    background-color: #FAFCFF;
}
.pts-dropdown-box::after{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    border-top: 1px solid #DFE7F5;
    border-left: 1px solid #DFE7F5;
    background-color: #FFFFFF;
    border-radius: 4px;
    transform: rotate(45deg);
    position: absolute;
    top: -15px;
    left: 100px;
}
.pts-dropdown-box.box-2::after{
    left: 65px;
}
.pts-dropdown-box>div{
    margin:0;
}
.pts-dropdown-tool:hover>a{
    font-weight: bold;
}
.pts-dropdown-tool:hover .pts-dropdown-box-wrapper{
    visibility: visible;
}
a.pts-dropdown-item{
    padding: 20px;
    cursor: pointer;
    position: relative;
}
a.pts-dropdown-item:hover .pts-dropdown-item-text h1{
    text-decoration: underline;
}
a.pts-dropdown-item h1{
    font-weight: bold;
}
a.pts-dropdown-item:hover{
    background-color: #FAFCFF;
}
.pts-dropdown-tool:hover a.pts-dropdown-item .pts-dropdown-item-text p{
    font-weight: normal;
}
a.pts-dropdown-item {
	height: 147px;
	border-radius: 4px;
}
a.pts-dropdown-item.item-3{
    height: 100px;
}
.pts-dropdown-item-icon{
    width: 24px;
    height: 24px;
    position: absolute;
}
.pts-dropdown-item-text{
    padding-left: 28px; 
}
.pts-dropdown-item-text h1{
	color: #091E42;
	font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}
.pts-dropdown-item-text p {
	color: #344563;
	font-size: 14px;
	line-height: 24px;
}
.pts-dropdown-box-3{
    border-top: 1px solid #E4EDF7; 
}


/* contact us */
label.control-label.pt-input-label{
    position: absolute;
    top: 7px;
    left: 20px;
    z-index: 10;
    text-align: left;
    transition: all 0.2s;
    cursor: text;
    transform: translate3d(-10px,-35px,0);
    -webkit-transform: translate3d(-10px, -35px, 0);
    font-size: 12px;
    font-weight: 600;
    color: #091E42;
}
#contact-us select{
    color: #8993A4;
	font-size: 16px;
	line-height: 27px;
}
#contact-us .pt-input {
	border: 1px solid #C1C7D0;
	border-radius: 4px;
    background-color: #FFFFFF;
    color: #4A4A4A; 
	font-size: 16px;
    line-height: 27px;
    box-shadow: none;
    margin-bottom: 10px;
}
#contact-us input.pt-input,
#contact-us select.pt-input {
	height: 56px;
}
@media (max-width:768px){
    #contact-us input.pt-input,
    #contact-us select.pt-input {
        height: 44px;
    }
}
#contact-us textarea.pt-input{
    height: 120px;
}
.pt-input-label{
    
}
.pt-input-label img{
    width: 5px;
    height: 5px;
    position: relative;
    top: -3px;
}
#contact-us input.form-control.error + .pt-input-label{
    color: red;
}
#contact-us input.form-control.error{
    border-color: red;
}
.pt-tel{
    position: absolute;
    right: 100px;
    font-weight: 400;
}

.pt-tel>p {
	height: 22px;
	color: #344563;
	font-size: 16px;
    line-height: 22px;
}
.pt-tel>a {
	height: 32px;
	width: 160px;
	border: 1px solid #8993A4;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.95;
	color: #344563;
	font-size: 14px;
	line-height: 32px;
    text-align: center;
    margin-left: 35px;
}
.pt-tel>a:hover{
    font-weight: bold;
    text-decoration: none;
}
.pt-tel>p,.pt-tel>a{
    display: inline-block;
}
.contact-heading{
	width: 237px;
	color: #091E42;
	font-size: 32px;
    line-height: 48px;
    font-weight: 600;
}
.contact-heading-intro {
	width: 300px;
	color: #091E42;
	font-size: 18px;
	line-height: 34px;
}
.contact-title{
	color: #091E42;
	font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 8px;
}
.contact-text {
    width: 300px;
	color: #344563;
	font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}
.contact-link {
	color: #76CA20;
	font-size: 14px;
    line-height: 18px;
    text-decoration: underline;
}
.contact-submit-content{
    position: relative;
    /* left: -40px; */
}
#contact-submit{
    width: 100%;
}

/* mod-contactus */
#mod-contactus {
	background-color: #F6F9FC;
}
#mod-contactus .sst img{
    position: relative;
    top: -4px;
}
#mod-contactus .mod-contactus-button {
	height: 50px;
	width: 100%;
	border-radius: 4px;
    background-color: #76CA20;
    color: #F7F8F9;
	font-size: 18px;
	font-weight: 600;
	line-height: 50px;
    text-align: center;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border: none;
}
/* a链接统一样式 绿色 */
a.pt-link{
    text-decoration: underline;
    color: #98D338;
}
a.pt-link:hover{
    color: #8AC628;
}
a.pt-link-black{
    text-decoration: underline;
    color: #091E42;
}

.pt-company-menu{
    display: block;
}
@media (max-width:1023px){
    .pt-company-menu{
        display: none;
    }
}
@media screen and (min-width:1024px){
    /* #contact-thanks{
        position: relative;
        left: 50%;
        transform: translateX(-16%);
    } */
}
@media screen and (max-width:1024px){

}
@media screen and (max-width:1200px){
    .hd-1200{
        display: none !important;
    }
    .show-1200{
        display: block !important;
    }
}
.hd-1200{
    display: block;
}
.show-1200{
    display: none;
}
.pt-contactus-m-title{
	color: #091E42;
	font-size: 28px;
    line-height: 42px;
    margin-bottom: 4px;
    text-align: left;
    font-weight: 600;
}
.pt-contactus-m-text {
	color: #5E6C84;
	font-size: 14px;
    line-height: 24px;
    text-align: left;
}
@media (min-width: 767.98px) {
    .pt-contactus-container{
        margin-top: 50px;
    }
}
a:pt-hover{
    cursor: pointer;
}
a.pt-hover:hover{
    box-shadow: 0 10px 16px 0 rgba(205,217,231,0.47);
}
a.pt-cs-detail-block-more-block.pt-hover{
    color: #344563;
}
a.pt-cs-detail-block-more-block.pt-hover:hover{
    color: #344563;
    text-decoration: none;
}
a.pt-cs-detail-block-more-block.pt-hover:hover p.pt-cs-more{
    text-decoration: underline;
}
.pt-cs-detail-content-wrapper{
    position: relative;
}
.pt-cs-detail-share-wrapper{
    background-color: #fff;
    width: 300px;
    height: 600px;
    position: absolute;
    top:0;
    left: 30px;
}
.pt-cs-detail-share-wrapper.pt-scroller-fixed-bottom{
    top: unset;
    bottom: 0;
}

.pt-scroller-fixed{
    position: fixed;
    top: 120px;
    left: calc((100% - 1200px)/2 + 30px);
}
.pt-scroller-fixed-bottom{
    bottom: 0;
}
.pt-scroll-company-fixed-t{
    position: fixed;
    top: 100px; 
}
.pt-scroll-company-fixed-b{
    position: absolute;
    bottom: 110px; 
}
.pt-scroll-company-menu-width-143{
    width: 143px;
}

.pt-input-border-red{
    border-color: red;
}
.pt-cs-detail-share-input:focus,
.pt-cs-detail-share-input.filled{
    border: 1px solid #5d6977;
}
.pt-cs-detail-share-input-tips{
    color: red;
    font-size: 12px;
    display: none;
    position: absolute;
}
.pt-cs-detail-header-logo{
    position: relative;
    bottom: -4px;
}
.pt-cs-detail-block-more a.pt-cs-detail-block-text {
	color: #344563;
	font-size: 16px;
	line-height: 24px;
    text-align: center;
    text-decoration: underline;
}
.pt-cs-detail-block-more a.pt-cs-detail-block-text:hover {
	color: #344563;
	text-decoration: underline;
}
.pt-cs-top-1-bg{
    width: 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    background-position: center right;
    background-size: cover;
}
.pt-cs-top-2-bg{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-clip: content-box;
    background-position: center;
    background-size: cover;
}
.pt-cs-top-4-bg{
    width: 100%;
    max-height: 430px;
    min-height: 270px;
    background-repeat: no-repeat;
    background-clip: content-box;
    background-position: top center;
    background-size: contain;
}
.pt-cs-item-bg{
    width: 100%;
    height: 186px;
    background-repeat: no-repeat;
    background-clip: content-box;
    background-position: center;
    background-size: cover;
}
.pt-cs-detail-header-bg-wrapper{
    width: 100%;
    max-width: 608px;
    height: 504px;
    background-repeat: no-repeat;
    background-clip: content-box;
    background-position: center right;
    background-size: contain;
    margin-bottom: 150px;
}

.pt-cs-item > img{
    max-height: 32px;
    margin-top: 15px;
    margin-bottom: 8px;
}
@media (min-width:1200px){
    .pt-cs-detail-header-text-wrapper{
        max-width: 420px;
    }
    .pt-cs-detail-content{
        padding-left: 398px;
    }
}
@media (max-width:1200px){
    .pt-cs-detail-share-wrapper{
        position: absolute;
        top: unset;
        /* bottom: -680px; */
        margin-top: 50px; 
        height: auto;
    }
    .pt-cs-detail-header-img{
        float: left;
    }
    .pt-cs-detail-header-bg-wrapper{
        background-position: center left;
        margin-bottom: 100px;
    }
}
@media (min-width: 768px){
    .pt-cs-detail-block-more{
        padding-left: 398px !important;
    }
}
@media (max-width:768px){
    .pt-cs-detail-share-wrapper{
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        top: unset;
        bottom: 0;
    }
    .pt-cs-detail-block-more{
        padding-left: 0;
        padding-right: 0;
        margin-top: 660px;
    }
    .pt-cs-detail-block-more-block-wrapper{
        padding: 0 10%;
        margin-left:0;
        margin-right: 0; 
    }
    .pt-cs-detail-header-img{
        width: 100%;
        height: auto;
    }
    .pt-cs-detail-header-bg-wrapper{
        max-height: 303px;
        margin-bottom: 70px;
    }
}

@media (max-width:993px){
    .pt-cs-item{
        height: 344px;
    }
    .pt-cs-item > img{
        max-height: 24px;
    }
    .pt-cs-item-bg{
        height: 100px;
    }
}
.pt-cs-pr{
    padding-right: 0.94rem;
}
.pt-cs-pl{
    padding-left: 0.94rem;
}


/* content 样式 */
.pt-cs-detail-content{
}
.content-p{
    color: #344563;
	font-size: 16px;
	line-height: 32px;
}
.content-green-and-hook {
	color: #76CA20;
	font-size: 24px;
    line-height: 40px;
    position: relative;
    padding-left: 43px;
}
.content-green-and-hook::before{
    display: inline-block;
    content: '';
    background: url(../images/hook.svg);
    background-size: 20px 17px;
    background-repeat:no-repeat;
    margin-right: 23px;
    position: absolute;
    left: 0;
    top: 10px;
    width: 20px;
    height: 17px;;
}
.pt-cs-detail-text{	
    font-size: 24px;	
    line-height: 40px;
}
.pt-cs-detail-c-green{
    color: #76CA20;
}
.pt-cs-margin-auto{
    margin: 0 auto;
}
.pt-cs-detail-fz-32{
    font-size: 32px;
}
.pt-cs-detail-block-wrapper{
    text-align: center;
}
.pt-cs-detail-block{
    display: inline-block;
    width: 220px;
    text-align: center;
}
.pt-cs-detail-block-2{
    color: #344563;	
    font-size: 28px;	
    line-height: 48px;	
    text-align: justify;
}
.pt-cs-detail-block-2-person{
    position: relative;
    width: 280px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pt-cs-detail-block-2-person span{
    display: inline-block;
    text-align: left;
    line-height: 16px;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}
.pt-cs-detail-br--50{
    border-radius: 50%;
}
.pt-cs-detail-li{
    color: #344563;		
    font-size: 16px;	
    line-height: 36px;
}
.pt-cs-detail-li::before{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border-color: #76CA20;
    background-color: #76CA20;
    margin-right: 20px;
}
.padding--10-per{
    padding-left: 10%;
    padding-right: 10%;
}
.padding--15-per{
    padding-left: 15%;
    padding-right: 15%;
}
.padding--20-per{
    padding-left: 20%;
    padding-right: 20%;
}
.margin--10-per{
    margin-left: 10%;
    margin-right: 10%;
}
.margin--15-per{
    margin-left: 15%;
    margin-right: 15%;
}
.margin--20-per{
    margin-left: 20%;
    margin-right: 20%;
}
@media (max-width:768px){
    .padding--10-per{
        padding-left: 0;
        padding-right: 0;
    }
    .padding--15-per{
        padding-left: 0;
        padding-right: 0;
    }
    .padding--20-per{
        padding-left: 0;
        padding-right: 0;
    }
    .margin--10-per{
        margin-left: 0;
        margin-right: 10%;
    }
    .margin--15-per{
        margin-left: 0;
        margin-right: 0;
    }
    .margin--20-per{
        margin-left: 0;
        margin-right: 0;
    }
}

/* cn */
.btn.pt-send-vcode{
    display: inline-block;
    border-radius: 3px;
    text-transform: capitalize;
    position: relative;
    box-shadow: none;
    border: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 44px;
    background: #eceff1;
    color: #79909b;
}

.pt-cs-detail-share-wrapper  .pt-social-icon {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    border: 0.8px solid #C1C7D0;
}

.site-footer-bar__social .pt-social-icon{
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    /* border: 1px solid #5d6c85; */
}

.pt-cs-detail-share-wrapper a.pt-social-icon:hover{
    background: #76ca20;
}
.pt-social-icon img{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pt-social-icon .pt-wechat-share img{
    width: 100%;
    height: 100%;
}

.pt-cs-detail-share-wrapper .pt-wechat-icon{
    position: relative;
    margin-right: 10px;
}

.site-footer-bar__social  .pt-wechat-icon {
    position: relative;
    margin-right: 25px;
    margin-left: 48px;
    background-image: url(../fonts/icon-wechat-default.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.site-footer-bar__social .pt-wechat-icon:hover {
    background-image: url(../fonts/icon-wechat-hover.svg) !important;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.site-footer-bar__social  .pt-zhihu-icon {
    background-image: url(../fonts/icon-zhihu-default.svg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.pt-zhihu-icon:hover {
    background-image: url(../fonts/icon-zhihu-hover.svg) !important;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.pt-wechat-icon:hover .pt-wechat{
    visibility: visible;
}
.pt-wechat{
    position: absolute;
    top: 50px;
    width: 100px;
    height: 100px;
    visibility: hidden;
    transition: .2s all;
    border-radius: 4px;
    z-index: 1000;
    border: 1px solid #5d6c85;
}
.pt-wechat.social{
    background-image: url(../fonts/5250dd605e804e05923d3a80e48f6791.svg);
    background-size: 25px 25px;
    background-repeat:no-repeat;
    width: 25px;
    height: 25px;
    animation: loading 2s linear 0s infinite;
    -webkit-animation: loading 2s linear 0s infinite;
    -o-animation: loading 2s linear 0s infinite;
    -moz-animation: loading 2s linear 0s infinite;
}
@keyframes loading {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-o-keyframes loading {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(360deg);
    }
}

@-moz-keyframes loading {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}
.pts-contactus-wrapper .modal-content{
    border: none;
    border-radius: 0;
}
.pts-contactus-wrapper .modal-body{
    padding: 0;
}

.feature-area {
    height: 160px;
    width: 440px;
    border-radius: 4px;
    padding: 30px 32px;
    font-family: "PingFang SC”,“Microsoft YaHei”,“Noto Sans CJK SC";
}

.feature-area-active {
    background-color: #FFFFFF;
    box-shadow: 0 0 8px 0 rgba(52,69,99,0.2);
}

.feature-area h3 {
	height: 16px;
    width: 282px;
    margin-bottom: 20px;
	color: #344563;
	font-size: 16px;
	line-height: 24px;
}

.feature-area ul li {
    list-style: disc;
    color: #344563;	
    font-size: 14px;	
    line-height: 24px;
}

.insight-banner .insight-banner-h2,  .engage-banner .engage-banner-h2 {
    color: #091E42;	
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    margin-top: 80px;
    font-size: 20px;	
    font-weight: 600;	
    line-height: 56px;
}

.engage-banner .engage-banner-h2 {
    margin-top: 7px;
}

.insight-banner .insight-banner-h2-highlight, .engage-banner .engage-banner-h2-highlight {
    color: #76CA20;
}

.insight-banner .insight-banner-heading-huge {
    color: #091E42;
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    margin-top: 7px;
    margin-bottom: 21px; 
    font-size: 52px;	
    font-weight: 600;	
    line-height: 56px;
}

.insight-banner-text {
    color: #344563;	
    max-width: 492px;
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 40px;
}

.insight-banner-cta {
    height: 50px;	
    width: 280px;	
    border-radius: 4px;	
    background-color: #091E42;
    color: #FFFFFF;	
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #091E42;
}

.insight-banner-cta:hover,
.engage-banner-cta:hover {
    border: 2px solid #091E42;
    background-color: #FFFFFF;
    color: #091E42;
}

@media (min-width:768px) {
    .insight-section2 {
        margin-top: 20px;
        margin-bottom: 157px;
    }
    .insight-section3 {
        margin-bottom: 207px;
    }
    .insight-section4 {
        margin-bottom: 240px;
    }
}

.insight-section1 {
    margin-bottom: 120px;
}

.insight-section2 > div {
    height: 449.7px;
}

.insight-section2 h2,  
.insight-section3 h2,
.insight-section4 h2 {
    color: #091E42;	
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    font-size: 44px;
    font-weight: 600;
    line-height: 48px;
}

.insight-section2 h3,
.insight-section3 h3,
.insight-section4 h3 {
    color: #091E42;	
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 16px;
}

.insight-section2 ul  {
    margin-left: 20px;
    margin-top: 32px;
}
.insight-section2 ul li {
    list-style-type: disc;
    color: #091E42;	
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    font-size: 18px;
    line-height: 28px;
}

.insight-section2 p,
.insight-section3 p, 
.insight-section4 p {
    color: #091E42;	
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    font-size: 18px;
    line-height: 28px;
    margin-top: 32px;
}

.insight-section2-background {
    background-image: url("../images/1-cn1.png");
    background-position: center;
    background-size: 90%;
    background-repeat: no-repeat;
}

.insight-section2-content {
    padding: 100px 50px;
}

.insight-section3-background {
    background-image: url("../images/heatmap.png");
    background-position: center;
    background-size: 90%;
    background-repeat: no-repeat;
}

.insight-section3 > div {
    height: 345px;
}

.insight-section3-content {
    padding-top: 50px;
    padding-right: 65px;
}

.insight-section4-video {
    padding-right: 70px;
}

.insight-section4-content {
    padding-top: 10px;
    padding-left: 50px;
}

.products-more {
    margin-bottom: 90px;
}

.products-more h2 {
	margin-bottom: 44px;
	color: #091E42;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 44px;
	font-weight: 600;
	line-height: 44px;
	text-align: center;
}

.products-more .products-more-topimg1, 
.products-more .products-more-topimg2,
.products-more .products-more-topimg3 {
    width: 68px;
    height: 68px;
}

.products-more .products-more-topimg1 {
    background-image: url("../images/icon-engage.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.products-more .products-more-topimg2 {
    background-image: url("../fonts/icon-dataplatform.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.products-more .products-more-topimg3 {
    background-image: url("../fonts/icon-insight.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.products-more h3 {
    color: #091E42;	
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    font-size: 28px;
    font-weight: 600;
    line-height: 56px;
    margin-top: 27px;
    margin-bottom: 5px;
}

.products-more > .row > div{
    padding: 90px;
}

.products-more p {
    height: 100px;
}

.products-more-cta {
	height: 50px;
	width: 200px;
    border-radius: 4px;
    border: 1px solid #091E42;
	background-color: #091E42;
    color: #FFFFFF;
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 37px;
}

.products-more-arrow {
   display: inline;
   width: 19px; 
   fill: #ffffff;
   margin-left: 20px;
}

.products-more-cta:hover {
    border: 2px solid #091E42;
    background-color: #FFFFFF;
    color: #091E42;
}

.products-more-cta:hover .products-more-arrow {
    fill: #091E42;
}
.products-help {
    position: relative;
    width: 100%;	
    /* background-image: url("../fonts/ background.svg"); */
    background-repeat:no-repeat ;
    background-size:100% 100%; 
    text-align: center;
    /* margin-top: 18px; */
}

.products-help.light-background{
    margin-top: 17px;
}
.products-help.light-background button {
    height: 50px;
    width: 280px;
    border-radius: 4px;	
    color: #fff;
    border: 1px solid #091e42;
    background-color: #091e42;
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

.products-help:before {
    content: "";
    position: absolute;
    background-color: #091E42;
    height: 18px;
    left: 0px;
    -webkit-mask-image: url(../fonts/borders-image.svg);
    mask-image: url(../fonts/borders-image.svg);
    -webkit-mask-repeat: repeat no-repeat;
    mask-repeat: repeat no-repeat;
    width: 100vw;
    z-index: -1;
}

.light-background:before {
    background-color: #f6f2ee;
}

.dark-background:before {
    background-color: #091e42;
}

.products-help-space {
    width: 100%;
    height: 18px;
}

.products-help-content {
    height: 288px;
    background-color: #091E42;
    padding-top: 80px;
}

.light-background > .products-help-content{
    height: 400px;
    background-color: #f6f2ee;
    padding-top: 80px;
    margin-top: -1px;
}
.dark-background >.products-help-content {
    height: 320px;
    background-color: #091e42;
    padding-top: 80px;
    margin-top: -1px;
}

.products-help h2 {
	height: 50px;
	color: #FFFFFF;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 36px;
	font-weight: 500;
	line-height: 50px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 34px;
}

.products-help .header {
    color: #091e42;
}

.products-help p {
    font-size: 18px;
    line-height: 28px;
    width: 900px;
    margin: 0 auto;
}

.products-help button {
    height: 50px;
    width: 280px;
    border-radius: 4px;	
    color: #091E42;
    border: 1px solid #FFFFFF;
    background-color: #FFFFFF;
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
}

.products-help.light-background button,
.products-help.dark-background button {
    margin-top: 32px;
}

.products-help-content button:hover {
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #091E42;
}

.light-background .products-help-content button:hover {
    border: 2px solid #091E42;
    color: #091E42;
    background-color: #ffffff;
}

.dark-background .products-help-content p {
    color: #fff;
}

.slogan {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 365px;
    height: 365px;
}
.slogan > .slogan-title {
    height: 104px;
    width: 800px;
    color: #091e42;
    font-size: 44px;
    font-weight: 500;
    line-height: 52px;
    text-align: center;
}
.slogan > .slogan-desc {
    margin-top: 32px;
    height: 57px;
    line-height: 28px;
    text-align: center;
    font-size: 18px;
    color: #344563;
    flex: 1;
}
.signin-link {
    width: 280px;
    margin-top: 24px;
    text-align: center;
    color: #344563;
    text-decoration: underline;
    font-size: 16px;
}

.site-menu__nav ul #audience {
    /* display: none; */
}

.update-abtest {
    display: flex;
    flex-direction: column;
    min-height: 2054px;
}

.update-abtest .update-abtest-a {
    order: 0;
}

.update-abtest .update-abtest-b {
    order: 1;
}

.engage-banner .engage-banner-heading-huge {
    color: #091E42;
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
    font-size: 56px;
    font-weight: 600;
    line-height: 72px;
    margin-bottom: 24px;
}

.engage-banner-text {
	color: #344563;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 20px;
    line-height: 28px;
    margin-bottom: 36px;
}

.engage-banner-cta {
    height: 50px;
	width: 280px;
    border-radius: 4px;
    border: 1px solid #091E42;
	background-color: #091E42;
    color: #FFFFFF;
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    text-align: center;
    margin-bottom: 14px;
}

.engage-banner-phone {
	height: 25px;
	width: 280px;
	color: #5E6C84;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
}

.engage-scenarios {
    height: 864px;
    width: 100%;
    background-color: #F9FCFF;
    padding-top: 98px;
}

.engage-scenarios-container :before {
    content: "";
    position: absolute;
    background-color: #F9FCFF;
    height: 18px;
    left: 0px;
    -webkit-mask-image: url(../fonts/borders-image.svg);
    mask-image: url(../fonts/borders-image.svg);
    -webkit-mask-repeat: repeat no-repeat;
    mask-repeat: repeat no-repeat;
    width: 100vw;
    z-index: -1;
}

.engage-scenarios h2{
	height: 52px;
	color: #091E42;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 44px;
	font-weight: 600;
    line-height: 44px;
	text-align: center;
}

.engage-scenarios-content {
    width: 100%;
    height: 661px;
    background-image: url("../fonts/fp-engage-pic-1.svg");
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.engage-scenarios-content h3 {
	color: #091E42;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 52px;
}

.engage-scenarios-content p {
	color: #5E6C84;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 14px;
	line-height: 22px;
	text-align: justify;
}

.engage-scenarios-content > div {
    position: absolute;
}

.engage-scenarios-text1 {
    width: 225px;
    top: 100px;
    left: 50px;
}

.engage-scenarios-text2 {
    width: 255px;
    top: 360px;
    left: 50px;
}

.engage-scenarios-text3 {
    width: 300px;
    top: 50px;
    right: 100px;
}

.engage-value h2 {
	height: 52px;
	color: #091E42;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 44px;
	font-weight: 600;
	line-height: 44px;
    text-align: center;
    margin-top: 155px;
    margin-bottom: 23px;
}

.engage-value p {
	height: 98px;
	color: #344563;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 102px;
}

.engage-section-value1 > div, 
.engage-section-value2 > div {
    height: 520px;
    margin-bottom: 188px;
}

.engage-section-value3 > div {
    height: 443px;
    margin-bottom: 212px;
}
.engage-section-value1-content, 
.engage-section-value2-content, 
.engage-section-value3-content {
    /* text-align: center; */
}

.engage-section-value1-content h2, 
.engage-section-value2-content h2, 
.engage-section-value3-content h2 {
    color: #091E42;
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
    margin-bottom: 40px;
}

.engage-section-value1-content h2, 
.engage-section-value2-content h2 {
    margin-top: 126px;
}

.engage-section-value3-content h2 {
    margin-top: 102px;
}

.engage-section-value1-content p, 
.engage-section-value2-content p, 
.engage-section-value3-content p {
    width: 462px;
    color: #344563;
    font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;	
    font-size: 18px;
    line-height: 32px;
    text-align: left;
}

.engage-section-value1-background {
    background-image: url("../fonts/fp-engage-pic-2.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.engage-section-value2-background {
    background-image: url("../fonts/fp-engage-pic-4.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.engage-section-value3-background {
    background-image: url("../fonts/fp-engage-pic-5.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.dataplatform-banner-text {
    max-width: 593px;
}

.dataplatform-section1 > div, 
.dataplatform-section2 > div,
.dataplatform-section3 > div {
    height: 450px;
}

.dataplatform-section1 {
    margin-bottom: 61px;
}

.dataplatform-section2 {
    margin-bottom: 114px;
}

.dataplatform-section3 {
    margin-bottom: 231px;
}

.dataplatform-section1-content, 
.dataplatform-section3-content {
    padding-top: 96px;
    padding-left: 64px;
}

.dataplatform-section2-content {
    padding-top: 124px;
}


.dataplatform-section1-content h2,
.dataplatform-section2-content h2, 
.dataplatform-section3-content h2 {
	color: #091E42;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 44px;
	font-weight: 600;
    line-height: 48px;
    margin-bottom: 40px;
}

.dataplatform-section1-content p,
.dataplatform-section2-content p, 
.dataplatform-section3-content p {
	width: 501px;
	color: #344563;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 18px;
	line-height: 28px;
}

.dataplatform-section1-background {
    background-image: url("../images/integration.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.dataplatform-section2-background {
    background-image: url("../images/fp-dataplatform-pic-2.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.dataplatform-section3-background {
    background-image: url("../fonts/fp-dataplatform-pic-3.svg");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.ptengine-hero-content .heading--huge  {
	color: #091E42 !important;
	font-family: "Roboto", "PingFang SC", "Microsoft YaHei",sans-serif;
	font-size: 52px;
	font-weight: 600;
	line-height: 68px;
}

.landing-banner-text {
	width: 454px;
	color: #344563;
	font-size: 20px;
	line-height: 28px;
}

.landing-page-banner-button {
    margin-top: 40px;
}

.quote-logo-head {
    color: #8993A4;
    font-size: 14px;
    line-height: 16px;
}

.font--size--14 {
    font-size: 14px;
}

.ml--13 {
    margin-left: 13px;
}

.pb--29 {
    padding-bottom: 29px;
}

.section-header-large {
    font-size: 44px;
    color: #091E42;
}

.font--20 {
    font-size: 20px;
}

.text-align-left {
    text-align: left;
}

.main-color {
    color: #091E42;
}

.font--36 {
    font-size: 36px;
}

.index-article-text {
    font-size: 14px;
    line-height: 24px;
}

.now-active-accordion {
    border-radius: 4px;	
    background-color: #FFD078;
    padding: 31px 57px 28px 86px;
}

.freshlook {
    height: 1012px;
    min-height: 1012px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url('./images/update/what\'snew.svg');
    background-repeat: no-repeat;
    background-size: 970px 480px;
    background-position: center 352px;
}
.freshlook > .freshlook-title {
    color: #091e42;
    font-size: 44px;
    font-weight: 500;
    line-height: 52px;
    margin-top: 180px;
    text-align: center;
    width: 630px;
}
.freshlook > .freshlook-content {
    color: #344563;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 24px;
    text-align: center;
    width: 630px;
    flex: 1;
}

.mt--12 {
    margin-top: 12px;
}

.mt--33 {
    margin-top: 33px;
}

.mt--130 {
    margin-top: 130px
}

.mt--140 {
    margin-top: 130px
}

.pb--100 {
    padding-bottom: 100px;
}

.mt--80 {
    margin-top: 60px;
}

.new-text--large {
    color: #344563;
    font-size: 20px;
    line-height: 32px;
}

/*Small devices (phones, less than 576px)
*/


@media (max-width: 575.98px) {
     
    div#site-menu--default {
       padding-top: 50px;
   }
   .pt-cs-detail-topmenu div#site-menu--default {
       padding-top: 0;
   }
   .mb-half {

       width: 60%;
       margin: 48px auto 0;

   }
   .footer-input .btn {
       width: 100%;
   }

   .site-menu__logo img {
       width: 100px;
       /* margin-left: 40px; */
       height: auto
   }
   .pt-landing-page-header .site-menu__logo img {
       margin-left: 12px;
   }


   .ptengine-hero .show-sm-down.site-menu__hamburger {
       /* right: 30px; */
   }
   .pt-landing-page-header-wrapper.ptengine-hero .show-sm-down.site-menu__hamburger {
       right: 20px;
   }

   .mb-white {
       color: #fff !important;
   }

   .fancy-input input {
       width: 100%;
       margin: 0px;
       padding: 10px;
       border: 1px solid #a5adba;
       margin-bottom: 10px;
   }

   .head-shot img {
       width: 200px;
       border-radius: 100%;
       height: 200px;
   }

   .mb-center {
       text-align: center !important;
   }

   .pd-top {
       padding-top: 30px;
   }


   .logo-image,
   .logo-image img {
       max-width: 100%;
       margin-bottom: 15px;
       text-align: center;
   }

   .logos img {
       max-height: 30px;
   }

   .col-sm-5 {
       -ms-flex-preferred-size: 49.66666667% !important;
       flex-basis: 49.66666667% !important;
       max-width: 49.66666667% !important;
   }

   .head-shot {
       text-align: center;
       margin-bottom: 30px;
   }

   #mobile-nav-overlay a.registration {
       width: 100%;
       margin-left: 0px;
       border-color: #fff;
       position: relative;
       left: -10px;
       background: #76CA20;
       padding: 8px 0;
       height: auto;
   }



   .mb-cta {
       background: #F98639;
       color: #fff;
       min-width: 300px;
       text-align: center;
   }

   .fancy-input .btn {
       padding: 16px 10px;
   }

   .plan-col:not(.plan-col_labels) {
       width: 35%;
       text-align: center;
       position: relative;
   }

   .iq-pl-150 {
       padding-left: 0;
   }

   .iq-faqs .card-header a:after {
       margin-left: 10px;
       margin-top: -5px;
   }

   #support-that-cares-group {
       position: relative;
       padding-left: 20%;
       top: 0;
       z-index: -1;
       left: 0px
   }

   .tabs__nav--arrow {
       padding: 0 15px;
   }

   #features-group1 {
       position: absolute;
       left: 0;
       height: 300px;
       top: -40px;
       z-index: -10;
       width: 100%;
   }

   .x--pb {
       padding-bottom: 0px !important
   }



    .ptengine-hero-content .heading--huge {
        font-size: 28px;
        color: #091e42;
        line-height: 35px;
        line-height: 36px;
    }

   .bg--image--tech,
   .ptengine-hero {
       margin-top: -65px;
   }

   .mb-pd-20 {
       margin-left: 20px !important;
       margin-right: 20px !important;
   }

   .ptengine-hero-nav {
       margin-bottom: 10px;
   }

   .fancy-input {
       background: none;
       float: left;
       width: 100%;
       margin-top: -10px;
       border: 0px;
       border-radius: 4px;
       box-shadow: none;
   }

   .fancy-input .btn {
       padding: 13px 22px;
       color: #fff;
       width: 100%;
       border-radius: 5px;
       position: relative;
       right: 0px
   }

   #homepage {
       max-height: none !important;
       border: 1px solid #dfe7f5;
       border-radius: 10px;
       margin-top: -40px;
   }

   #homepage .quote__content {
       flex: 1;
       width: 100%;
       position: relative;
       box-sizing: border-box;
       padding: 0px;
   }

   .quote__text {
       position: relative;
       z-index: 1100;
       font-size: 16px;
       color: #344563;
   }

   .quote h3 {
       color: #344563;
       font-size: 14px;
   }

   .carousel .slick-slide {
       padding-left: 10px !important;
       padding-right: 10px !important;
   }

   .carousel .carousel-prev {
       left: -25px !important;
   }

   .carousel .carousel-next {
       right: -25px !important;
   }

   a.button--green.registration {
       width: 100%;
   }

   .bg--slant--bottom {
       padding-bottom: 10px !important;
       margin: 20px 0;

   }

   .footer-input {
       background: none !important;
       float: left;
       width: 85% !important;
       margin-top: 20px;
       border-radius: 0;
       border: none !important;
   }

   .footer-input input {
       margin: 0 0 10px !important;
       width: 100% !important;
       font-size: 16px;
       padding: 10px;
       border-radius: 5px;
   }

   a.btn.gradient.signup-link {
       width: 100%;
   }

   .pt-0 {
       padding-top: 0px !important;
   }

   .quote {
       display: flex;
       position: relative;
       padding-bottom: 30px !important;
   }

   .signup-client {
       /* background: #f6f9fc; */
       padding: 32px 20px 45px !important;
       margin-top: 0;
   }
   .pt-topmenu-sem img{
       left: 170px;
       top: -4px !important;
   }
   .white-mb {
       color: #fff !important;
   }


}

@media (max-width:768px) {
    .heading--large, .section-header-large {
        font-size: 25px;
        line-height: 35px;
    }

    .products-help-space {
        height: 8px;
    }

    .products-help:before {
        height: 9px;
    }

    .products-help h2 {
        font-size: 25px;
    }

    .footer-contact-cta {
        width: 100%;
    }

    .footer-contact-cta .insight-banner-cta {
        text-align: center;
    }

    .site-footer {
        padding-bottom: 20px;
    }

    .first-menu-desktop {
        display: none !important;
    }

    .first-menu-mobile {
        margin-top: 0px !important;
    }

    .section3-mobile-text {
        font-size: 16px;
    }

    .landing-banner-head p {
        margin-bottom: 5px;
    }

    .ptengine-hero-content {
        padding-top: 50px;
    }

    .insight-banner,
    .engage-banner {
        padding: 20px;
    }

    .insight-banner .insight-banner-h2, .engage-banner .engage-banner-h2 {
        margin-top: 30px;
    }

    .insight-banner .insight-banner-heading-huge,
    .engage-banner .engage-banner-heading-huge {
        color: #091E42;
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
    }

    .insight-banner-text,
    .engage-banner-text {
        color: #091E42;
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 54px;
    }

    .insight-section2 > div {
        height: 263px;
    }

    .insight-section1 {
        margin-bottom: 60px;
    }

    .products-more .products-more-topimg1, .products-more .products-more-topimg2, .products-more .products-more-topimg3 {
        margin: 0 auto;
    }

    .products-more > .row > div {
        text-align: center;
    }

    .insight-section2-content {
        padding: 0;
    }

    .insight-section2 h2, .insight-section3 h2, .insight-section4 h2,
    .engage-section-value1-content h2, .engage-section-value2-content h2, .engage-section-value3-content h2 {
        font-size: 28px;
        line-height: 40px;
        text-align: center;
    }

    .insight-section2 h3, .insight-section3 h3, .insight-section4 h3 {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        font-weight: 400;
    }

    .insight-section2 ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .insight-section2 p, .insight-section3 p, .insight-section4 p,
    .engage-section-value1-content p, .engage-section-value2-content p, .engage-section-value3-content p {
        font-size: 14px;
        line-height: 24px;
        /* text-align: center; */
    }

    .insight-section4-content, 
    .insight-section3-content,
    .insight-section4-content,
    .insight-section4-video {
        padding-right: 0;
        padding-left: 0;
    }

    .products-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .products-more h2 {
        font-size: 28px;
    }

    .products-more > .row > div {
        padding: 0;
    }

    .insight-section3 {
        margin-top: 50px;
    }

    .insight-section3-content {
        padding-top: 0;
    }

    .insight-section4-content {
        margin-top: 20px;
    }

    .products-more {
        margin-top: 90px;
    }

    .products-more-cta {
        margin-top: 0px;
    }

    .products-more h3 {
        font-size: 20px;
    }
    
    .mobile-mb--90 {
        margin-bottom: 90px;
    }

    .dataplatform-section1-content p, .dataplatform-section2-content p, .dataplatform-section3-content p {
        width: auto;
    }

    .dataplatform-section1-content, .dataplatform-section3-content {
        padding-left: 0;
        padding-top: 40px;
        height: auto !important;
    }
    .dataplatform-section2-content {
        height: auto !important;
    }

    .dataplatform-section1 > .dataplatform-section1-background,
    .dataplatform-section2 > .dataplatform-section2-background,
    .dataplatform-section3 > .dataplatform-section3-background {
        height: 300px;
    }

    .dataplatform-section1-content h2, .dataplatform-section2-content h2, .dataplatform-section3-content h2,
    .engage-value h2 {
        font-size: 28px;
        text-align: center;
    }

    .engage-value h2 {
        height: auto;
        margin-top: 10px;
        margin-bottom: 40px;
    }

    .engage-value p {
        /* font-weight: 400; */
    }
    
    .dataplatform-section1-content p, .dataplatform-section2-content p, .dataplatform-section3-content p,
    .engage-value p {
        font-size: 14px;
        line-height: 20px;
    }

    .dataplatform-section2-content {
        padding-top: 40px;
    }

    .dataplatform-section1 {
        margin-bottom: 80px;
    }

    .dataplatform-section2 {
        margin-bottom: 80px;
    }

    .dataplatform-section3 {
        margin-bottom: 100px;
    }

    .engage-section-value1, 
    .engage-section-value2 {
        margin-bottom: 80px;
    }

    .engage-section-value1 > div, .engage-section-value2 > div,
    .engage-section-value3 > div {
        height: auto;
        margin-bottom: 0px;
    }

    .engage-section-value1-content h2, .engage-section-value2-content h2,
    .engage-section-value3-content h2 {
        margin-top: 40px;
    }

    .engage-section-value1-content p, .engage-section-value2-content p, .engage-section-value3-content p {
        width: auto;
    }

    .engage-section-value1 > .engage-section-value1-background,
    .engage-section-value2 > .engage-section-value2-background,
    .engage-section-value3 > .engage-section-value3-background {
        background-size: 100%;
        height: 300px;
        margin-bottom: 0px;
    }

}

/* .whats-new::after{
    background-color: #03a9f4; 
    width: 8px; 
    height: 8px; 
    border-radius: 50%; 
    margin-left: 5px;
    margin-top: -10px;
} */
.text-ellipsis-2{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-box-clamp:2;
}


@media (max-width: 575.98px) { 
    .insight-banner-cta,
    .engage-banner-cta {
        width: 100%;
    }
}

/* customization bootstrap responsive utilities 767px to 768px */
@media (max-width: 768px) {
    .hidden-xs {
      display: none !important;
    }
}

@media (max-width: 768px) {
    .visible-xs-block {
      display: block !important;
    }
  }
  @media (max-width: 768px) {
    .visible-xs-inline {
      display: inline !important;
    }
  }
  @media (max-width: 768px) {
    .visible-xs-inline-block {
      display: inline-block !important;
    }
  }

.crumbs-wrapper{
    color: #344563;
	font-size: 12px;
    line-height: 17px; 
}
a.crumbs-parent{
    color: #344563;
	font-size: 12px;
    line-height: 17px;
}
a.crumbs-parent:hover{
    text-decoration: underline;
}
.crumbs-current{
    font-weight: 500;
}
.blue-slot{
    position: relative;
}
.blue-slot::before{
    background-color: #03a9f4;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    /* margin-left: 5px;
    margin-top: -10px; */
    position: relative;
    left: -4px;
    top: -8px;
}